Figma color wheel
Want to find the perfect complementary or analogous colors to match peacock blue?
Skip to main content
Everything you need to know about peacock blue to inspire your next design.
Peacock blue is a calming color that blends the tranquility of blue with the renewing energy of green. This cool-toned shade exudes wisdom and luxury, similar to peacock feathers, and can give off a vibrant and energetic feel.

Shades
Tints
Tones
Hues
Complementary
Split
Monochromatic
Analogous
Triadic
Square
Teal Tide
Mosaic
Deep Dive
Peacock blue is defined by the following color codes and values to ensure consistency across various digital platforms and devices.
Accessibility considerations play a crucial role in UX and UI design color choices. Figma offers plugins in the Community to make sure your designs meet Web Content Accessibility Guidelines.
Here are some ways to use peacock blue in your designs:
Keep in mind that color and its meaning can change from culture to culture—and at any given time. If you are designing for a global audience, research color considerations for your specific regions.
For variations within the same rich spectrum as peacock blue, consider:
To complement peacock blue, consider pairing it with:
Other colors worth considering include mocha to add a touch of warmth, gold for a luxurious feel, and lilac for an elegant interface.
While peacock blue is cool, it may clash with:
Peacock blue symbolizes wisdom, elegance, and beauty. Like other blue hues, it also carries connotations of security and reliability.
In color psychology, peacock blue promotes feelings of peace and serenity. Its richness can also bring about feelings of confidence and sophistication while stimulating creative thinking due to its unique hue.
In UI design, peacock blue can create a sophisticated user interface and help establish a sense of trust among users.
Peacock blue is inspired by the captivating blue-green hues found on peacock feathers. Peacocks, also known as peafowls, originated in the Indian subcontinent. Because of their unique and striking beauty, they were often associated with royalty and power.
Peacocks quickly became prized across various cultures, holding similar connotations of wealth and status. Some cultures even associated these birds with protection and good fortune. Today, peacock blue holds similar meanings, with its rich blue-green hue seen in art, textiles, and modern design.
Contrast 6.23
#096C6C
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Pass | Fail | |
Pass | Pass | |
Pass | Pass |
Contrast 3.37
#096C6C
How you design, align, and build matters. Do it together with Figma.
| Category | ||
|---|---|---|
Fail | Fail | |
Pass | Fail | |
Pass | Fail |
Protanopia
Deuteranopia
Tritanopia
Achromatopsia
The hexadecimal color #096C6C, known as peacock blue, has RGB values of R:9, G:108, B:108 and CMYK values of C:0.92, M:0, Y:0, K:0.58.
| VALUE | CSS | |
|---|---|---|
| HEX | 096C6C | #096C6C |
| RGB DECIMAL | 9, 108, 108 | RGB(9,108,108) |
| RGB PERCENTAGE | 3.5, 42.4, 42.4 | RGB(3.5%,42.4%,42.4%) |
| CMYK | 92, 0, 0, 58 | |
| HSL | 180°, 84.6, 22.9 | HSL(180°,84.6%,22.9%) |
| HSV (OR HSB) | 180°, 91.7, 42.4 | |
| WEB SAFE | 006666 | #006666 |
| CIE-LAB | 41.001, -24.929, -7.363 | |
| XYZ | 8.181, 11.865, 16.046 | |
| xyY | 0.227, 0.329, 11.865 | |
| CIE-LCH | 41.001, 25.994, 196.454 | |
| CIE-LUV | 41.001, -31.003, -6.694 | |
| HUNTER-LAB | 34.446, -17.885, -3.507 | |
| BINARY | 00001001, 01101100, 01101100 | |
| iOS - SwiftUI | Color(red: 0.035, green: 0.424, blue: 0.424) | |
| iOS - UIKit | UIColor(red: 0.035, green: 0.424, blue: 0.424, alpha: 1) | |
| Android - Compose | Color(0xFF096C6C) |
Want to find the perfect complementary or analogous colors to match peacock blue?
Dive into the brightness and zest of aqua.
Experience the luxury of jade green.