What Color isPicton Blue?

#2BC1F7

What Color is Picton Blue

Picton Blue (Hex #2BC1F7) is a intense, high-saturation, medium-toned shade of cyan. As a cool color, it pairs exceptionally well with contrasting oranges. Get RGB values, find matching paints, and download Picton Blue palettes.

What color is opposite Picton Blue?

The opposite color to Picton Blue is Burning Orange (#f7622b).

View Burning Orange

Additional Information

  • Color Family: Blue
  • Temperature: Cool
  • Associated Season: Spring
  • Complementary Color: #F7622B
  • Brightness: 154/255
  • Saturation: 83%

Colors That Pair Well With Picton Blue

Complementary

Pair with Burning Orange for a harmonious, balanced look. Great for backgrounds and accents.

#2BC1F7#f7622b

High Contrast

Use Grenadier for maximum readability. Ideal for text or critical UI elements.

#2BC1F7#d43e08

Harmonious Depth

Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.

#80dafa#16617c

Color Variations

Tints (add white)

Picton Blue#40c7f810%
Malibu#55cdf920%
Seagull#6bd4f930%
Seagull#80dafa40%
Anakiwa#95e0fb50%
Anakiwa#aae6fc60%
French Pass#bfecfd70%
Mabel#d5f3fd80%
Lily White#eaf9fe90%

Tones (add grey)

Picton Blue#34bbeb10%
Shakespeare#3cb4df20%
Shakespeare#45aed330%
Shakespeare#4da7c740%
Hippie Blue#56a1bc50%
Hippie Blue#5e9ab060%
Gothic#6794a470%
Gothic#6f8d9880%
Sirocco#78878c90%

Shades (add black)

Cerulean#27aede10%
Pacific Blue#229ac620%
Boston Blue#1e87ad30%
Jelly Bean#1a749440%
Blumine#16617c50%
Teal Blue#114d6360%
Tarawera#0d3a4a70%
Daintree#09273180%
Bunker#04131990%

Color Conversions

Hex
#2BC1F7
RGB
43, 193, 247
RGB %
17%, 76%, 97%
HSL
196°, 93%, 57%
HSV
196°, 83%, 97%
CMYK
83%, 22%, 0%, 3%
LAB
73.13, -19.59, -37.30
XYZ
36.85, 45.37, 94.81

Color Blindness Simulation

Normal
Protanopia
Deuteranopia
Tritanopia

CSS Snippets

Text Color (Hex)
Aa
color: #2BC1F7;
Text Color (RGB)
Aa
color: rgb(43, 193, 247);
Background Color
background-color: #2BC1F7;
Border
border: 3px solid #2BC1F7;
Box Shadow
box-shadow: 0 4px 12px #2BC1F766;
Gradient
background: linear-gradient(135deg, #2BC1F7 0%, #ffffff 100%);
Cushion Mockup

Shop Premium Products in Picton Blue

Visualize and buy custom cushions made in this exact shade.

MaterialEco Velvet
Size30cm x 30cm
Color
Picton Blue

Made to order. Ships in 3-5 business days.

Product Details

Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.

  • Material: Soft Eco Velvet.
  • Feel: Velvety soft finish.
  • Backing: Stone coloured back (or double-sided print).
  • Print: Edge-to-edge vibrant color using water-based inks.
  • Care: Machine washable at 30°C.
  • Construction: Handmade to order with a concealed zipper.
Eco Credentials

We believe in sustainable style. Our cushions are crafted with the planet in mind.

  • Made to Order: Produced only when you order, eliminating overproduction and waste.
  • Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
  • Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
  • Vegan Friendly: No animal products are used in the production of these cushions.

What Goes With Picton Blue?

Explore color palettes containing Picton Blue and discover harmonious combinations for your designs.

Analogous

Aquamarine
Picton Blue
Blue Ribbon

Complementary

Picton Blue
Burning Orange

Split-complementary

Picton Blue
Radical Red
Sunglow

Triadic

Picton Blue
Razzle Dazzle Rose
Inch Worm

Tetradic

Picton Blue
Magenta / Fuchsia
Burning Orange
Bright Green

Monochromatic

Teal Blue
Deep Cerulean
Picton Blue
Anakiwa
Twilight Blue

Accessibility

Contrast with Black and White

Contrast with Black

UI Examples

This is an example of body text using the selected color scheme.

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail
Contrast with White

UI Examples

This is an example of body text using the selected color scheme.

Contrast Ratio

0.00/ 21
Fail
AA Normal Text
Fail
AA Large Text
Fail
AAA Normal Text
Fail
AAA Large Text
Fail

Closest Color Matches

Best Match

Polychromos

light phthalo blue

#145 • #43ACE1

Buy

Caran d'ache Luminance 6901

Light Blue

#161 • #00A1D3

Buy

Polychromos

middle phthalo blue

#152 • #309CD6

Buy

Caran d'ache Luminance 6901

Turquoise Blue

#171 • #00AAC5

Buy

Prismacolor

Non-Photo Blue

#PC919 • #00BBD4

Buy

Caran d'ache Luminance 6901

Chrysocolla Blue

#671 • #00B8D0

Buy

Prismacolor

Caribbean Sea

#PC1103 • #8BBBE0

Buy

Prismacolor

Light Cerulean Blue

#PC904 • #94C7EB

Buy

Polychromos

sky blue

#146 • #86B2DF

Buy

Caran d'ache Luminance 6901

Cobalt Blue 5%

#661 • #9AC3EB

Buy

Polychromos

light ultramarine

#140 • #659AD2

Buy

Polychromos

light cobalt turquoise

#154 • #66CBDA

Buy

Prismacolor

Muted Turquoise

#PC1088 • #51B7C3

Buy

Prismacolor

Blue Slate

#PC1024 • #94B2D6

Buy

Prismacolor

Electric Blue

#PC1040 • #008ACF

Buy

Prismacolor

True Blue

#PC903 • #007EB4

Buy

Polychromos

cobalt turquoise

#153 • #0082A2

Buy

Caran d'ache Luminance 6901

Cobalt Blue 10%

#662 • #4992E0

Buy

Prismacolor

Mediterranean Blue

#PC1022 • #007E9E

Buy

Prismacolor

Aquamarine

#PC905 • #008C9E

Buy
As an Amazon Associate we earn from qualifying purchases.

Frequently Asked Questions

What is the hex code for Picton Blue?
The hex code for Picton Blue is #2BC1F7. The RGB values are (43, 193, 247). You can find more formats like CMYK and LAB in the Color Conversions section.
What colors go with Picton Blue?
Picton Blue pairs well with its complementary color, Burning Orange (#f7622b). It also works great with analogous colors (neighbors on the wheel) and triadic combinations. See our recommended pairings for more ideas.
Is Picton Blue accessible for text?
No, Picton Blue is not readable on white backgrounds. It is not readable on black backgrounds. For detailed contrast ratios and WCAG scores, check the accessibility section.
How do I use Picton Blue in CSS?

You can use Picton Blue in CSS with its hex code. Here is an example class:

.picton-blue {
  background-color: #2BC1F7;
  color: #FFFFFF;
}

For more snippets including gradients, see the CSS snippets section.

View More Colors