Maroon Colors  ·  Color Library

Palettes / Colors / #CED2E4

#CED2E4 — Pale Dusty Blue

#CED2E4 is a blue color we call Pale Dusty Blue, closest to the named color Gainsboro (#DCDCDC). It belongs to the blue family.

#CED2E4 is a cool blue color associated with trust, calm and professionalism. It is light enough to work as a background or base color, with darker text on top.

Its strongest partner is its complement #E4E0CE; it also sits naturally between #CEDDE4 and #D5CEE4. In the palettes below you can see it working alongside real color combinations from our collection.

#CED2E4 · RGB 206, 210, 228

Download PNG swatch SVG

Color values

HEX#CED2E4
RGB206, 210, 228
HSL229°, 29%, 85%
HSV229°, 10%, 89%
CMYK10%, 8%, 0%, 11%
XYZ62.50, 64.82, 82.62
Yxy64.82, 0.2977, 0.3087
CIE-Lab84.39, 2.09, -9.33
Hunter Lab80.51, 2.02, -9.21

RGB & CMYK percentages

Red 81% · Green 82% · Blue 89%

Cyan 10% · Magenta 8% · Yellow 0% · Key 11%

CMYK values are unprofiled approximations for screen reference — not a print-proofing guarantee.

Previews

Sample text in #CED2E4 on black
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Sample text in #CED2E4 on white
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

CSS code for #CED2E4

.text { color: #CED2E4; }
.background { background-color: #CED2E4; }
.border { border: 3px solid #CED2E4; }
.text-rgb { color: rgb(206, 210, 228); }
.text-hsl { color: hsl(229, 29%, 85%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #CED2E4; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(206, 210, 228, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #CED2E4; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(206, 210, 228, 0.8); }

HTML: <p style="color:#CED2E4">Text here</p> · <div style="background-color:#CED2E4">Div content here</div>

Shades of #CED2E4

#B3BAD5#99A1C7#7F89B8#6471AA#515E94#414B76#333A5C#242A42#161927#07080D

Tints of #CED2E4

#D1D5E6#D4D8E7#D8DBE9#DBDEEB#E1E4EF#E5E7F1#E8EAF2#EBEDF4#EFF0F6#F2F3F8

Tones of #CED2E4

#CFD3E2#D1D4E1#D2D5DF#D4D6DD#D6D7DC#D7D8DA

Color harmonies

Complementary — #E4E0CE:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.50:1 Fails
Against black text13.96:1 AAA

Best text color on #CED2E4: #000000.

How #CED2E4 looks with color blindness

Simulated with standard Machado color-vision-deficiency matrices — useful when this color carries meaning in charts, maps or interfaces:

Protanopia · #D0D0E0Deuteranopia · #D0CFDFTritanopia · #CEDCDB

Closest design-system colors

The nearest matches in the Tailwind CSS, Material Design and Bootstrap palettes — handy when you need a framework class instead of a raw hex:

Bootstrap light · #F8F9FAMaterial Grey 500 · #9E9E9ETailwind purple 500 · #A855F7

Palettes with a similar color

These palettes use a close neighbour of #CED2E4 rather than the exact color:

Hidden Ruby Whisper
#2E357D · #C5636B · #4EB844 · #CBCFE4
Palette F5b17b
#F5B17B · #4E709D · #89A4C7 · #CDD5E0
Frozen Ruby Garden
#706224 · #C8B556 · #576CC9 · #CFD0EB
Amber Ruby Bloom
#255284 · #D05A92 · #87CC4A · #CCD8E9
Royal Ruby Terrace
#CDD3EC · #E0AEEF · #F2D5DC · #ECDDB7
Palette F2d7d9
#F2D7D9 · #D3CEDF · #9CB4CC · #748DA6

Similar colors

The closest colors that actually appear in our palette collection — click any to open its page:

#CBCFE4#CDD5E0#CFD0EB#CCD8E9#CDD3EC#D3CEDF#CFD0EC#CED9E9#C8CBE4#C9D5EC#C5D3E8#D3D9E9

Browse neighbouring colors

← #CED2E3  ·  #CED2E5 →

Frequently asked questions

What color is #CED2E4?

#CED2E4 is Pale Dusty Blue, a blue color (RGB 206, 210, 228). Its closest standard named color is Gainsboro.

What is the RGB and HSL of #CED2E4?

#CED2E4 is RGB 206, 210, 228 — HSL 229°, 29%, 85% — CMYK 10%, 8%, 0%, 11%.

What colors go with #CED2E4?

Its complement is #E4E0CE; analogous partners are #CEDDE4 and #D5CEE4. It also appears in 6+ palettes in our collection.

Can I use #CED2E4 for text?

Black text on #CED2E4 has a contrast ratio of 13.96:1 (passes WCAG AA); white text gives 1.50:1.