Pure Peacock is a medium, vivid shade in the blue color family, with a cool feel. Its HEX code is #00CCFF, which equals rgb(0, 204, 255) in RGB and hsl(192, 100%, 50%) in HSL. In print terms it converts to roughly C100 M20 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#00CCFF - RGB
0, 204, 255 - HSL
192°, 100%, 50% - CMYK
100, 20, 0, 0 - Family
Blue - Tone
Medium, vivid
About Pure 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 11.08:1. Its complementary color is #FF3300.
Download Pure 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…
Pure Peacock color codes
| HEX | #00CCFF |
|---|---|
| RGB | rgb(0, 204, 255) |
| HSL | hsl(192, 100%, 50%) |
| HSV | 192°, 100%, 100% |
| CMYK | 100%, 20%, 0%, 0% |
| Decimal | 52479 |
Shades and tints of Pure Peacock
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5F7FF - 100
#AAEEFF - 200
#80E6FF - 300
#55DDFF - 400
#2BD5FF - 500
#00CCFF - 600
#00AAD5 - 700
#0088AA - 800
#006680 - 900
#004455 - 950
#00222B
Color harmonies for Pure Peacock
- Complementary
#FF3300≈ Scarlet - Analogous −30°
#00FFB3≈ Pure Turquoise - Analogous +30°
#004CFF≈ Pure Cobalt - Triadic +120°
#FF00CC≈ Pure Fuchsia - Triadic +240°
#CCFF00≈ Citron - Split 150°
#FF004C≈ Pure Crimson - Split 210°
#FFB300≈ Pure Amber
Contrast and accessibility of Pure Peacock
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pure Peacock | Aa | 1.90:1 | Fails |
| Black text on Pure Peacock | Aa | 11.08:1 | AAA (excellent) |
CSS code for Pure Peacock
background-color: #00CCFF;color: #00CCFF;background-color: rgb(0, 204, 255);background-color: hsl(192, 100%, 50%);:root { --color-pure-peacock: #00CCFF; }class="bg-[#00CCFF]"Colors similar to Pure Peacock
- Deep Sky Blue
#00BFFF - Pure Lagoon
#00E5FF - Pure Capri
#00B2FF - Bright Lagoon
#19D1E6 - Medium Light Peacock
#29D4FF - Bright Peacock
#19BDE6 - Medium Light Capri
#29BFFF - Medium Dark Cyan
#00D6D6 - Medium Dark Lagoon
#00C1D6 - Bright Cyan
#19E5E6 - Dark Turquoise
#00CED1 - Medium Light Lagoon
#29EAFF
More blue shades
- Palest Dusty Lagoon
#E0EAEB - Darkest Peacock
#002933 - Very Dark Peacock
#00495C - Dark Peacock
#006A85 - Deep Peacock
#008BAD - Medium Dark Peacock
#00ABD6 - Medium Light Peacock
#29D4FF - Light Peacock
#52DCFF - Pale Peacock
#7AE4FF - Very Pale Peacock
#A3EDFF - Palest Peacock
#CCF5FF
Frequently asked questions
What is the HEX code for Pure Peacock?
The HEX code for Pure Peacock is #00CCFF.
What is the RGB value of Pure Peacock?
Pure Peacock has an RGB value of 0, 204, 255 (rgb(0, 204, 255)). In HSL it is 192°, 100%, 50%.
What text color should I use on Pure Peacock?
Use black text on Pure Peacock. White text has a contrast ratio of 1.90:1 and black text has 11.08:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pure Peacock?
The complementary color of Pure Peacock is #FF3300. Analogous colors #00FFB3 and #004CFF also pair well.