Maroon Colors  ·  Color Library

Palettes / Colors / #C2D2DB

#C2D2DB — Light Dusty Blue

#C2D2DB is a blue color we call Light Dusty Blue, closest to the named color LightBlue (#ADD8E6). It belongs to the blue family.

#C2D2DB 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 #DBCBC2; it also sits naturally between #C2DBD8 and #C2C5DB. In the palettes below you can see it working alongside real color combinations from our collection.

#C2D2DB · RGB 194, 210, 219

Download PNG swatch SVG

Color values

HEX#C2D2DB
RGB194, 210, 219
HSL202°, 26%, 81%
HSV202°, 11%, 86%
CMYK11%, 4%, 0%, 14%
XYZ58.08, 62.68, 76.05
Yxy62.68, 0.2951, 0.3185
CIE-Lab83.27, -3.60, -6.29
Hunter Lab79.17, -3.42, -6.07

RGB & CMYK percentages

Red 76% · Green 82% · Blue 86%

Cyan 11% · Magenta 4% · Yellow 0% · Key 14%

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

Previews

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

CSS code for #C2D2DB

.text { color: #C2D2DB; }
.background { background-color: #C2D2DB; }
.border { border: 3px solid #C2D2DB; }
.text-rgb { color: rgb(194, 210, 219); }
.text-hsl { color: hsl(202, 26%, 81%); }
.text-shadow-hex { text-shadow: 4px 4px 2px #C2D2DB; }
.text-shadow-rgba { text-shadow: 4px 4px 2px rgba(194, 210, 219, 0.8); }
.box-shadow-hex { box-shadow: 1px 1px 3px 2px #C2D2DB; }
.box-shadow-rgba { box-shadow: 1px 1px 3px 2px rgba(194, 210, 219, 0.8); }

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

Shades of #C2D2DB

#A8BFCC#92AEBF#789BB0#5E88A1#51758A#425F70#334A57#24343D#172127#080B0D

Tints of #C2D2DB

#C8D7DF#CCD9E1#D2DEE5#D5E0E6#DCE5EA#DFE7EC#E5ECF0#E9EEF2#EFF3F6#F2F6F7

Tones of #C2D2DB

#C4D1D9#C5D1D8#C7D0D6#C9D0D4#CBCFD2#CDCFD0

Color harmonies

Complementary — #DBCBC2:

Analogous:

Triadic:

Contrast & accessibility

Against white text1.55:1 Fails
Against black text13.54:1 AAA

Best text color on #C2D2DB: #000000.

How #C2D2DB looks with color blindness

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

Protanopia · #C9C9D9Deuteranopia · #C8C7D8Tritanopia · #C3D7D7

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 #C2D2DB rather than the exact color:

Hidden Ruby Solace
#3D7BA5 · #C768A0 · #81AF40 · #BCD2DC
Palette B3c8cf
#B3C8CF · #BED7DC · #F1EEDC · #E5DDC5
Palette 6e85b7
#6E85B7 · #B2C8DF · #C4D7E0 · #F8F9D7
Wild Ruby Drift
#355B91 · #A03B65 · #6EAE40 · #BECCDD
Palette F5f5f5
#F5F5F5 · #DFF1F1 · #BBD5DA · #FF0000
Palette F8fafc
#F8FAFC · #D9EAFD · #BCCCDC · #9AA6B2

Similar colors

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

#BCD2DC#BED7DC#C4D7E0#BECCDD#BBD5DA#BCCCDC#BDCDD6#C9D7DD#BBD8DB#BACDDB#BAD7DF#C9CCD5

Browse neighbouring colors

← #C2D2DA  ·  #C2D2DC →

Frequently asked questions

What color is #C2D2DB?

#C2D2DB is Light Dusty Blue, a blue color (RGB 194, 210, 219). Its closest standard named color is LightBlue.

What is the RGB and HSL of #C2D2DB?

#C2D2DB is RGB 194, 210, 219 — HSL 202°, 26%, 81% — CMYK 11%, 4%, 0%, 14%.

What colors go with #C2D2DB?

Its complement is #DBCBC2; analogous partners are #C2DBD8 and #C2C5DB. It also appears in 6+ palettes in our collection.

Can I use #C2D2DB for text?

Black text on #C2D2DB has a contrast ratio of 13.54:1 (passes WCAG AA); white text gives 1.55:1.