Pale Cerulean is a medium-light, vivid shade in the blue color family, with a cool feel. Its HEX code is #7ABDFF, which equals rgb(122, 189, 255) in RGB and hsl(210, 100%, 74%) in HSL. In print terms it converts to roughly C52 M26 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#7ABDFF - RGB
122, 189, 255 - HSL
210°, 100%, 74% - CMYK
52, 26, 0, 0 - Family
Blue - Tone
Medium-light, vivid
About Pale Cerulean
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 10.55:1. Its complementary color is #FFBD7A.
Download Pale Cerulean 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 Cerulean color codes
| HEX | #7ABDFF |
|---|---|
| RGB | rgb(122, 189, 255) |
| HSL | hsl(210, 100%, 74%) |
| HSV | 210°, 52%, 100% |
| CMYK | 52%, 26%, 0%, 0% |
| Decimal | 8044031 |
Shades and tints of Pale Cerulean
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E9F4FF - 100
#D3E9FF - 200
#BDDEFF - 300
#A6D3FF - 400
#90C8FF - 500
#7ABDFF - 600
#669ED5 - 700
#517EAA - 800
#3D5F80 - 900
#293F55 - 950
#14202B
Color harmonies for Pale Cerulean
- Complementary
#FFBD7A≈ Pale Tangerine - Analogous −30°
#7AFFFF≈ Pale Teal - Analogous +30°
#7A7AFF≈ Pale Ultramarine - Triadic +120°
#FF7ABD≈ Pale Rose - Triadic +240°
#BDFF7A≈ Pale Spring Bud - Split 150°
#FF7A7A≈ Salmon - Split 210°
#FFFF7A≈ Pale Citron
Contrast and accessibility of Pale Cerulean
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Pale Cerulean | Aa | 1.99:1 | Fails |
| Black text on Pale Cerulean | Aa | 10.55:1 | AAA (excellent) |
CSS code for Pale Cerulean
background-color: #7ABDFF;color: #7ABDFF;background-color: rgb(122, 189, 255);background-color: hsl(210, 100%, 74%);:root { --color-pale-cerulean: #7ABDFF; }class="bg-[#7ABDFF]"Colors similar to Pale Cerulean
- Pale Azure
#7ACAFF - Pale Cornflower
#7AAFFF - Pale Bright Cerulean
#88BDF2 - Pale Bright Azure
#88C7F2 - Pale Bright Cornflower
#88B2F2 - Light Sky Blue
#87CEFA - Light Bright Capri
#63C4EE - Light Bright Azure
#63B6EE - Sky Blue
#87CEEB - Pale Bright Capri
#88D2F2 - Pale Capri
#7AD7FF - Pale Bright Sapphire
#88A7F2
More blue shades
- Very Dark Cerulean
#002E5C - Dark Cerulean
#004285 - Deep Cerulean
#0057AD - Medium Dark Cerulean
#006BD6 - Medium Light Cerulean
#2994FF - Light Cerulean
#52A8FF - Very Pale Cerulean
#A3D1FF - Palest Cerulean
#CCE5FF - Darkest Bright Cerulean
#05192E - Very Dark Bright Cerulean
#092E53 - Dark Bright Cerulean
#0D4277
Frequently asked questions
What is the HEX code for Pale Cerulean?
The HEX code for Pale Cerulean is #7ABDFF.
What is the RGB value of Pale Cerulean?
Pale Cerulean has an RGB value of 122, 189, 255 (rgb(122, 189, 255)). In HSL it is 210°, 100%, 74%.
What text color should I use on Pale Cerulean?
Use black text on Pale Cerulean. White text has a contrast ratio of 1.99:1 and black text has 10.55:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Pale Cerulean?
The complementary color of Pale Cerulean is #FFBD7A. Analogous colors #7AFFFF and #7A7AFF also pair well.