Pale Peacock is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #7AE4FF, which equals rgb(122, 228, 255) in RGB and hsl(192, 100%, 74%) in HSL. In print terms it converts to roughly C52 M11 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7AE4FF - RGB
122, 228, 255 - HSL
192°, 100%, 74% - CMYK
52, 11, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale 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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 14.37:1. Its complementary color is #FF957A.
Download Pale 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…
Pale Peacock color codes
| HEX | #7AE4FF |
|---|---|
| RGB | rgb(122, 228, 255) |
| HSL | hsl(192, 100%, 74%) |
| HSV | 192°, 52%, 100% |
| CMYK | 52%, 11%, 0%, 0% |
| Decimal | 8054015 |
Shades and tints of Pale Peacock
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9FBFF - 100
#D3F6FF - 200
#BDF2FF - 300
#A6EDFF - 400
#90E9FF - 500
#7AE4FF - 600
#66BED5 - 700
#5198AA - 800
#3D7280 - 900
#294C55 - 950
#14262B
Color harmonies for Pale Peacock
- Complementary
#FF957A≈ Light Salmon - Analogous −30°
#7AFFD7≈ Aquamarine - Analogous +30°
#7AA2FF≈ Pale Cornflower - Triadic +120°
#FF7AE4≈ Pale Raspberry - Triadic +240°
#E4FF7A≈ Pale Chartreuse - Split 150°
#FF7AA2≈ Pale Carmine - Split 210°
#FFD77A≈ Pale Tangerine
Contrast and accessibility of Pale Peacock
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Peacock | Aa | 1.46:1 | Fails |
| Black text on Pale Peacock | Aa | 14.37:1 | AAA (excellent) |
CSS code for Pale Peacock
background-color: #7AE4FF;color: #7AE4FF;background-color: rgb(122, 228, 255);background-color: hsl(192, 100%, 74%);:root { --color-pale-peacock: #7AE4FF; }class="bg-[#7AE4FF]"Colors similar to Pale Peacock
- Pale Capri
#7AD7FF - Pale Lagoon
#7AF2FF - Pale Bright Lagoon
#88E7F2 - Pale Bright Peacock
#88DDF2 - Pale Bright Cyan
#88F2F2 - Light Bright Lagoon
#63E0EE - Pale Bright Capri
#88D2F2 - Light Sky Blue
#87CEFA - Light Bright Cyan
#63EEEE - Pale Azure
#7ACAFF - Pale Bright Teal
#88F2E7 - Pale Cyan
#7AFFFF
More blue shades
- Dark Peacock
#006A85 - Deep Peacock
#008BAD - Medium Dark Peacock
#00ABD6 - Pure Peacock
#00CCFF - Medium Light Peacock
#29D4FF - Light Peacock
#52DCFF - Very Pale Peacock
#A3EDFF - Palest Peacock
#CCF5FF - Darkest Bright Peacock
#05262E - Very Dark Bright Peacock
#094453 - Dark Bright Peacock
#0D6277
Frequently asked questions
What is the HEX code for Pale Peacock?
The HEX code for Pale Peacock is #7AE4FF.
What is the RGB value of Pale Peacock?
Pale Peacock has an RGB value of 122, 228, 255 (rgb(122, 228, 255)). In HSL it is 192°, 100%, 74%.
What text color should I use on Pale Peacock?
Use black text on Pale Peacock. White text has a contrast ratio of 1.46:1 and black text has 14.37:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Peacock?
The complementary color of Pale Peacock is #FF957A. Analogous colors #7AFFD7 and #7AA2FF also pair well.