Peacock Blue

#096C6C

What color is Peacock Blue?

Peacock blue is a deep blue-green with strong teal tones, hex #096C6C, close to the iridescent feathers of a peacock's neck. The color has a dark, jewel-like quality with enough green to keep it distinct from a standard navy or ocean blue.

What is the meaning of the color Peacock Blue?

Peacock blue entered English as a color name in 1892, recorded in the Oxford English Dictionary in reference to the vivid blue-green of peacock plumage. The color gained commercial traction in the late 19th and early 20th centuries as synthetic dyes made deep teal shades reproducible in textiles and printing inks. It became a fashionable choice in Victorian decorative arts, appearing in ceramic glazes, upholstery, and wallpaper produced by British manufacturers during the Arts and Crafts movement. Tiffany and Co. adopted a related blue-green as a signature color in the 1840s, anchoring jewel-toned teals to associations with luxury and craftsmanship.

RGB
9, 108, 108
HSL
180°, 85%, 23%
CMYK
92, 0, 0, 58
HSV
180°, 92%, 42%
Peacock blue color

What colors go with Peacock Blue?

Colors that pair well with Peacock blue include:
Gold: rich, warm contrast
Ivory: soft, lightening balance
Navy: deep, tonal depth
Coral: bright, warm opposition
Charcoal: grounding, neutral anchor

Similar Colors

Conversions & Codes

Format Value CSS
HEX #096C6C color: #096C6C;
RGB 9, 108, 108 color: rgb(9, 108, 108);
RGB Percentage 4%, 42%, 42% color: rgb(4%, 42%, 42%);
CMYK 92%, 0%, 0%, 58% Not supported in CSS
HSL 180°, 85%, 23% color: hsl(180, 85%, 23%);
HSV 180°, 92%, 42% Not supported in CSS
CIE-LAB 18, -20, 0 color: lab(18% -20 0);
Decimal 617580 Not supported in CSS

Color Variations

Shades

#096D6D
#086262
#075757
#064C4C
#054141
#043636
#042B2B
#032121

Tints

#92F6F6
#6EF3F3
#49F0F0
#25EDED
#12D9D9
#0FB5B5
#0C9191
#096D6D

Tones

#096D6D
#0E6868
#136363
#185E5E
#1D5959
#225454
#274F4F
#2C4A4A

Hues

#096D6D
#09226D
#3B096D
#6D0954
#6D0909
#6D5409
#3B6D09
#096D22

Color Harmonies

Analogous

#096D3B
Click to copy
#096C6C
Click to copy
#093B6D
Click to copy

Complementary

#096C6C
Click to copy
#6D0909
Click to copy

Split Complementary

#096C6C
Click to copy
#6D093B
Click to copy
#6D3B09
Click to copy
100%

Triadic

#096C6C
Click to copy
#6D096D
Click to copy
#6D6D09
Click to copy

Tetradic

#096C6C
Click to copy
#3B096D
Click to copy
#6D0909
Click to copy
#3B6D09
Click to copy

Square

#096C6C
Click to copy
#3B096D
Click to copy
#6D0909
Click to copy
#3B6D09
Click to copy

CSS & Dev Snippets

CSS
.peacock-blue {
  color: #096C6C;
}
SCSS
$peacock-blue: #096C6C;
RGB
rgb(9, 108, 108)

Accessibility & Contrast

White background

6.23:1
6.23
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

3.37:1
3.37
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags