Medium Dark Peacock is a medium-dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #00ABD6, which equals rgb(0, 171, 214) in RGB and hsl(192, 100%, 42%) in HSL. In print terms it converts to roughly C100 M20 Y0 K16, although exact CMYK results depend on the paper and color profile.
- HEX
#00ABD6 - RGB
0, 171, 214 - HSL
192°, 100%, 42% - CMYK
100, 20, 0, 16 - Family
Blue - Tone
Medium-dark, vivid
About Medium Dark Peacock
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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 7.80:1. Its complementary color is #D62B00.
Download Medium Dark Peacock 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…
Medium Dark Peacock color codes
| HEX | #00ABD6 |
|---|---|
| RGB | rgb(0, 171, 214) |
| HSL | hsl(192, 100%, 42%) |
| HSV | 192°, 100%, 84% |
| CMYK | 100%, 20%, 0%, 16% |
| Decimal | 43990 |
Shades and tints of Medium Dark Peacock
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5F1F8 - 100
#AAE3F1 - 200
#80D5EB - 300
#55C7E4 - 400
#2BB9DD - 500
#00ABD6 - 600
#008FB2 - 700
#00728F - 800
#00566B - 900
#003947 - 950
#001D24
Color harmonies for Medium Dark Peacock
- Complementary
#D62B00≈ Medium Dark Cinnabar - Analogous −30°
#00D696≈ Medium Dark Seafoam - Analogous +30°
#0040D6≈ Medium Dark Cobalt - Triadic +120°
#D600AB≈ Medium Dark Raspberry - Triadic +240°
#ABD600≈ Medium Dark Chartreuse - Split 150°
#D60040≈ Medium Dark Crimson - Split 210°
#D69600≈ Medium Dark Tangerine
Contrast and accessibility of Medium Dark Peacock
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Dark Peacock | Aa | 2.69:1 | Fails |
| Black text on Medium Dark Peacock | Aa | 7.80:1 | AAA (excellent) |
CSS code for Medium Dark Peacock
background-color: #00ABD6;color: #00ABD6;background-color: rgb(0, 171, 214);background-color: hsl(192, 100%, 42%);:root { --color-medium-dark-peacock: #00ABD6; }class="bg-[#00ABD6]"Colors similar to Medium Dark Peacock
- Medium Dark Capri
#0096D6 - Medium Dark Lagoon
#00C1D6 - Bright Capri
#19A8E6 - Medium Dark Bright Lagoon
#15B0C1 - Medium Dark Bright Peacock
#159FC1 - Bright Peacock
#19BDE6 - Medium Dark Bright Cyan
#15C1C1 - Bright Azure
#1994E6 - Dark Turquoise
#00CED1 - Deep Cyan
#00ADAD - Pure Capri
#00B2FF - Soft Peacock
#33ADCC
More blue shades
- Very Pale Dusty Lagoon
#C8D8DA - Palest Dusty Lagoon
#E0EAEB - Darkest Peacock
#002933 - Very Dark Peacock
#00495C - Dark Peacock
#006A85 - Deep Peacock
#008BAD - Pure Peacock
#00CCFF - Medium Light Peacock
#29D4FF - Light Peacock
#52DCFF - Pale Peacock
#7AE4FF - Very Pale Peacock
#A3EDFF
Frequently asked questions
What is the HEX code for Medium Dark Peacock?
The HEX code for Medium Dark Peacock is #00ABD6.
What is the RGB value of Medium Dark Peacock?
Medium Dark Peacock has an RGB value of 0, 171, 214 (rgb(0, 171, 214)). In HSL it is 192°, 100%, 42%.
What text color should I use on Medium Dark Peacock?
Use black text on Medium Dark Peacock. White text has a contrast ratio of 2.69:1 and black text has 7.80:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Dark Peacock?
The complementary color of Medium Dark Peacock is #D62B00. Analogous colors #00D696 and #0040D6 also pair well.