Palest Cobalt is a very light, vivid shade in the blue color family, with a cool feel. Its HEX code is #CCD6FF, which equals rgb(204, 214, 255) in RGB and hsl(228, 100%, 90%) in HSL. In print terms it converts to roughly C20 M16 Y0 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#CCD6FF - RGB
204, 214, 255 - HSL
228°, 100%, 90% - CMYK
20, 16, 0, 0 - Family
Blue - Tone
Very light, vivid
About Palest Cobalt
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.63:1. Its complementary color is #FFF5CC.
Download Palest Cobalt 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…
Palest Cobalt color codes
| HEX | #CCD6FF |
|---|---|
| RGB | rgb(204, 214, 255) |
| HSL | hsl(228, 100%, 90%) |
| HSV | 228°, 20%, 100% |
| CMYK | 20%, 16%, 0%, 0% |
| Decimal | 13424383 |
Shades and tints of Palest Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F7F8FF - 100
#EEF1FF - 200
#E6EBFF - 300
#DDE4FF - 400
#D5DDFF - 500
#CCD6FF - 600
#AAB2D5 - 700
#888FAA - 800
#666B80 - 900
#444755 - 950
#22242B
Color harmonies for Palest Cobalt
- Complementary
#FFF5CC≈ Palest Amber - Analogous −30°
#CCF0FF≈ Palest Peacock - Analogous +30°
#DBCCFF≈ Palest Indigo - Triadic +120°
#FFCCD6≈ Palest Ruby - Triadic +240°
#D6FFCC≈ Palest Shamrock - Split 150°
#FFDBCC≈ Palest Vermilion - Split 210°
#F0FFCC≈ Palest Spring Bud
Contrast and accessibility of Palest Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Palest Cobalt | Aa | 1.44:1 | Fails |
| Black text on Palest Cobalt | Aa | 14.63:1 | AAA (excellent) |
CSS code for Palest Cobalt
background-color: #CCD6FF;color: #CCD6FF;background-color: rgb(204, 214, 255);background-color: hsl(228, 100%, 90%);:root { --color-palest-cobalt: #CCD6FF; }class="bg-[#CCD6FF]"Colors similar to Palest Cobalt
- Palest Sapphire
#CCDBFF - Palest Royal
#CCD1FF - Palest Bright Royal
#D1D5FA - Palest Bright Cobalt
#D1D9FA - Palest Bright Blue
#D1D1FA - Palest Bright Sapphire
#D1DDFA - Palest Bright Ultramarine
#D5D1FA - Periwinkle
#CCCCFF - Palest Cornflower
#CCE0FF - Palest Ultramarine
#D1CCFF - Palest Soft Blue
#D6D6F5 - Palest Soft Royal
#D6D9F5
More blue shades
- Medium Dark Cobalt
#002BD6 - Pure Cobalt
#0033FF - Medium Light Cobalt
#2954FF - Light Cobalt
#5274FF - Pale Cobalt
#7A95FF - Very Pale Cobalt
#A3B6FF - Darkest Bright Cobalt
#050D2E - Very Dark Bright Cobalt
#091853 - Dark Bright Cobalt
#0D2277 - Deep Bright Cobalt
#112D9C - Medium Dark Bright Cobalt
#1538C1
Frequently asked questions
What is the HEX code for Palest Cobalt?
The HEX code for Palest Cobalt is #CCD6FF.
What is the RGB value of Palest Cobalt?
Palest Cobalt has an RGB value of 204, 214, 255 (rgb(204, 214, 255)). In HSL it is 228°, 100%, 90%.
What text color should I use on Palest Cobalt?
Use black text on Palest Cobalt. White text has a contrast ratio of 1.44:1 and black text has 14.63:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Palest Cobalt?
The complementary color of Palest Cobalt is #FFF5CC. Analogous colors #CCF0FF and #DBCCFF also pair well.