Peacock Blue is a medium-dark, saturated shade in the blue color family, with a cool feel. Its HEX code is #1B6A8A, which equals rgb(27, 106, 138) in RGB and hsl(197, 67%, 32%) in HSL. In print terms it converts to roughly C80 M23 Y0 K46, although exact CMYK results depend on the paper and color profile.
- HEX
#1B6A8A - RGB
27, 106, 138 - HSL
197°, 67%, 32% - CMYK
80, 23, 0, 46 - Family
Blue - Tone
Medium-dark, saturated
About Peacock Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 6.04:1. Its complementary color is #883A1B.
Download Peacock Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Peacock Blue color codes
| HEX | #1B6A8A |
|---|---|
| RGB | rgb(27, 106, 138) |
| HSL | hsl(197, 67%, 32%) |
| HSV | 197°, 80%, 54% |
| CMYK | 80%, 23%, 0%, 46% |
| Decimal | 1796746 |
Shades and tints of Peacock Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D9E6EC - 100
#B3CDD8 - 200
#8DB5C5 - 300
#679CB1 - 400
#41839E - 500
#1B6A8A - 600
#175873 - 700
#12475C - 800
#0E3545 - 900
#09232E - 950
#051217
Color harmonies for Peacock Blue
- Complementary
#883A1B≈ Deep Soft Vermilion - Analogous −30°
#1B8871≈ Deep Soft Aquamarine - Analogous +30°
#1B3388≈ Deep Soft Cobalt - Triadic +120°
#881B69≈ Deep Soft Raspberry - Triadic +240°
#69881B≈ Deep Soft Chartreuse - Split 150°
#881B33≈ Deep Soft Crimson - Split 210°
#88711B≈ Deep Soft Amber
Contrast and accessibility of Peacock Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Peacock Blue | Aa | 6.04:1 | AA (good) |
| Black text on Peacock Blue | Aa | 3.48:1 | AA Large only |
CSS code for Peacock Blue
background-color: #1B6A8A;color: #1B6A8A;background-color: rgb(27, 106, 138);background-color: hsl(197, 67%, 32%);:root { --color-peacock-blue: #1B6A8A; }class="bg-[#1B6A8A]"Colors similar to Peacock Blue
- Deep Soft Capri
#236C8B - Deep Soft Azure
#23618B - Deep Soft Peacock
#23768B - Deep Bright Azure
#11659C - Deep Bright Capri
#11729C - Dark Bright Lagoon
#0D6D77 - Dark Peacock
#006A85 - Deep Soft Cerulean
#23578B - Dark Bright Peacock
#0D6277 - Deep Soft Lagoon
#23808B - Dark Bright Cyan
#0D7777 - Deep Muted Peacock
#346C79
More blue shades
- Iris
#5A4FCF - Denim
#1560BD - Azure Blue
#007FFF - Persian Blue
#1C39BB - Prussian Blue
#003153 - Oxford Blue
#002147 - Very Pale Dusty Turquoise
#C8DAD7 - Darkest Teal
#00332E - Very Dark Teal
#005C53 - Dark Teal
#008577 - Deep Teal
#00AD9C
Frequently asked questions
What is the HEX code for Peacock Blue?
The HEX code for Peacock Blue is #1B6A8A.
What is the RGB value of Peacock Blue?
Peacock Blue has an RGB value of 27, 106, 138 (rgb(27, 106, 138)). In HSL it is 197°, 67%, 32%.
What text color should I use on Peacock Blue?
Use white text on Peacock Blue. White text has a contrast ratio of 6.04:1 and black text has 3.48:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Peacock Blue?
The complementary color of Peacock Blue is #883A1B. Analogous colors #1B8871 and #1B3388 also pair well.