#cbdde4 hex color

In a RGB color space, hex #cbdde4 is composed of 79.6% red, 86.7% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 11% cyan, 3.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 196.8 degrees, a saturation of 31.6% and a lightness of 84.5%. #cbdde4 color hex could be obtained by blending #ffffff with #97bbc9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 87
- B 89
RGB color chart
- C 11
- M 3
- Y 0
- K 11
CMYK color chart

● #cbdde4 color description : Light grayish blue.

The hexadecimal color #cbdde4 has RGB values of R:203, G:221, B:228 and CMYK values of C:0.11, M:0.03, Y:0, K:0.11. Its decimal value is 13360612.

Hex triplet	cbdde4	`#cbdde4`
RGB Decimal	203, 221, 228	`rgb(203,221,228)`
RGB Percent	79.6, 86.7, 89.4	`rgb(79.6%,86.7%,89.4%)`
CMYK	11, 3, 0, 11
HSL	196.8°, 31.6, 84.5	`hsl(196.8,31.6%,84.5%)`
HSV (or HSB)	196.8°, 11, 89.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	87.002, -4.622, -5.483
XYZ	64.486, 70.01, 83.51
xyY	0.296, 0.321, 70.01
CIE-LCH	87.002, 7.172, 229.872
CIE-LUV	87.002, -10.059, -7.678
Hunter-Lab	83.672, -8.857, -0.605
Binary	11001011, 11011101, 11100100

#cbdde4
```
#cbdde4 rgb(203,221,228)
```
#e4d2cb
```
#e4d2cb rgb(228,210,203)
```

Complementary Color

#cbe4df
```
#cbe4df rgb(203,228,223)
```
#cbdde4
```
#cbdde4 rgb(203,221,228)
```
#cbd1e4
```
#cbd1e4 rgb(203,209,228)
```

Analogous Color

#e4dfcb
```
#e4dfcb rgb(228,223,203)
```
#cbdde4
```
#cbdde4 rgb(203,221,228)
```
#e4cbd1
```
#e4cbd1 rgb(228,203,209)
```

Split Complementary Color

#dde4cb
```
#dde4cb rgb(221,228,203)
```
#cbdde4
```
#cbdde4 rgb(203,221,228)
```
#e4cbdd
```
#e4cbdd rgb(228,203,221)
```

Triadic Color

#cbe4d2
```
#cbe4d2 rgb(203,228,210)
```
#cbdde4
```
#cbdde4 rgb(203,221,228)
```
#e4cbdd
```
#e4cbdd rgb(228,203,221)
```
#e4d2cb
```
#e4d2cb rgb(228,210,203)
```

Tetradic Color

#99bcca
```
#99bcca rgb(153,188,202)
```
#a9c7d3
```
#a9c7d3 rgb(169,199,211)
```
#bad2db
```
#bad2db rgb(186,210,219)
```
#cbdde4
```
#cbdde4 rgb(203,221,228)
```
#dce8ed
```
#dce8ed rgb(220,232,237)
```
#edf3f5
```
#edf3f5 rgb(237,243,245)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Monochromatic Color

Below, you can see some colors close to #cbdde4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#cbe3e4
```
#cbe3e4 rgb(203,227,228)
```
#cbe1e4
```
#cbe1e4 rgb(203,225,228)
```
#cbdfe4
```
#cbdfe4 rgb(203,223,228)
```
#cbdde4
```
#cbdde4 rgb(203,221,228)
```
#cbdbe4
```
#cbdbe4 rgb(203,219,228)
```
#cbd9e4
```
#cbd9e4 rgb(203,217,228)
```
#cbd7e4
```
#cbd7e4 rgb(203,215,228)
```

Similar Colors

Text with hexadecimal color #cbdde4

This text has a font color of #cbdde4.

<span style="color:#cbdde4;">Text here</span>

#cbdde4 background color

This paragraph has a background color of #cbdde4.

<p style="background-color:#cbdde4;">Content here</p>

#cbdde4 border color

This element has a border color of #cbdde4.

<div style="border:1px solid #cbdde4;">Content here</div>

CSS codes

.text {color:#cbdde4;}

.background {background-color:#cbdde4;}

.border {border:1px solid #cbdde4;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #070b0d is the darkest color, while #ffffff is the lightest one.

#070b0d
```
#070b0d rgb(7,11,13)
```
#0d1619
```
#0d1619 rgb(13,22,25)
```
#142126
```
#142126 rgb(20,33,38)
```
#1b2c33
```
#1b2c33 rgb(27,44,51)
```
#213840
```
#213840 rgb(33,56,64)
```
#28434d
```
#28434d rgb(40,67,77)
```
#2f4e5a
```
#2f4e5a rgb(47,78,90)
```
#355967
```
#355967 rgb(53,89,103)
```
#3c6474
```
#3c6474 rgb(60,100,116)
```
#436f81
```
#436f81 rgb(67,111,129)
```
#4a7b8e
```
#4a7b8e rgb(74,123,142)
```
#50869b
```
#50869b rgb(80,134,155)
```
#5791a7
```
#5791a7 rgb(87,145,167)
```

Shade Color Variation

#6499ae
```
#6499ae rgb(100,153,174)
```
#71a2b5
```
#71a2b5 rgb(113,162,181)
```
#7eaabc
```
#7eaabc rgb(126,170,188)
```
#8ab3c2
```
#8ab3c2 rgb(138,179,194)
```
#97bbc9
```
#97bbc9 rgb(151,187,201)
```
#a4c4d0
```
#a4c4d0 rgb(164,196,208)
```
#b1ccd7
```
#b1ccd7 rgb(177,204,215)
```
#bed5dd
```
#bed5dd rgb(190,213,221)
```
#cbdde4
```
#cbdde4 rgb(203,221,228)
```
#d8e5eb
```
#d8e5eb rgb(216,229,235)
```
#e5eef1
```
#e5eef1 rgb(229,238,241)
```
#f2f6f8
```
#f2f6f8 rgb(242,246,248)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #d7d8d8 is the less saturated color, while #b3e8fc is the most saturated one.

#d7d8d8
```
#d7d8d8 rgb(215,216,216)
```
#d4d9db
```
#d4d9db rgb(212,217,219)
```
#d1dade
```
#d1dade rgb(209,218,222)
```
#cedce1
```
#cedce1 rgb(206,220,225)
```
#cbdde4
```
#cbdde4 rgb(203,221,228)
```
#c8dee7
```
#c8dee7 rgb(200,222,231)
```
#c5e0ea
```
#c5e0ea rgb(197,224,234)
```
#c2e1ed
```
#c2e1ed rgb(194,225,237)
```
#bfe2f0
```
#bfe2f0 rgb(191,226,240)
```
#bce4f3
```
#bce4f3 rgb(188,228,243)
```
#b9e5f6
```
#b9e5f6 rgb(185,229,246)
```
#b6e6f9
```
#b6e6f9 rgb(182,230,249)
```
#b3e8fc
```
#b3e8fc rgb(179,232,252)
```

Tone Color Variation

Below, you can see how #cbdde4 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#d8d8d8 Achromatopsia 0.005% of the population
#d5d9da Atypical Achromatopsia 0.001% of the population

Dichromacy

#dddae3 Protanopia 1% of men
#ead5e8 Deuteranopia 1% of men
#cfdded Tritanopia 0.001% of the population

Trichromacy

#d6dbe3 Protanomaly 1% of men, 0.01% of women
#ded8e6 Deuteranomaly 6% of men, 0.4% of women
#cddde9 Tritanomaly 0.01% of the population

#cbdde4 hex color

#cbdde4 Color Information

#cbdde4 Color Conversion

Color Schemes with #cbdde4

Alternatives to #cbdde4

#cbdde4 Preview

Shades and Tints of #cbdde4

Tones of #cbdde4

Color Blindness Simulator