#cbddd3 hex color

In a RGB color space, hex #cbddd3 is composed of 79.6% red, 86.7% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 8.1% cyan, 0% magenta, 4.5% yellow and 13.3% black. It has a hue angle of 146.7 degrees, a saturation of 20.9% and a lightness of 83.1%. #cbddd3 color hex could be obtained by blending #ffffff with #97bba7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 87
- B 83
RGB color chart
- C 8
- M 0
- Y 5
- K 13
CMYK color chart

● #cbddd3 color description : Light grayish cyan - lime green.

The hexadecimal color #cbddd3 has RGB values of R:203, G:221, B:211 and CMYK values of C:0.08, M:0, Y:0.05, K:0.13. Its decimal value is 13360595.

Hex triplet	cbddd3	`#cbddd3`
RGB Decimal	203, 221, 211	`rgb(203,221,211)`
RGB Percent	79.6, 86.7, 82.7	`rgb(79.6%,86.7%,82.7%)`
CMYK	8, 0, 5, 13
HSL	146.7°, 20.9, 83.1	`hsl(146.7,20.9%,83.1%)`
HSV (or HSB)	146.7°, 8.1, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.559, -7.875, 2.838
XYZ	62.24, 69.112, 71.685
xyY	0.307, 0.34, 69.112
CIE-LCH	86.559, 8.371, 160.179
CIE-LUV	86.559, -9.416, 5.674
Hunter-Lab	83.134, -11.844, 7.068
Binary	11001011, 11011101, 11010011

#cbddd3
```
#cbddd3 rgb(203,221,211)
```
#ddcbd5
```
#ddcbd5 rgb(221,203,213)
```

Complementary Color

#ccddcb
```
#ccddcb rgb(204,221,203)
```
#cbddd3
```
#cbddd3 rgb(203,221,211)
```
#cbdddc
```
#cbdddc rgb(203,221,220)
```

Analogous Color

#ddcbcc
```
#ddcbcc rgb(221,203,204)
```
#cbddd3
```
#cbddd3 rgb(203,221,211)
```
#dccbdd
```
#dccbdd rgb(220,203,221)
```

Split Complementary Color

#ddd3cb
```
#ddd3cb rgb(221,211,203)
```
#cbddd3
```
#cbddd3 rgb(203,221,211)
```
#d3cbdd
```
#d3cbdd rgb(211,203,221)
```

Triadic Color

#d5ddcb
```
#d5ddcb rgb(213,221,203)
```
#cbddd3
```
#cbddd3 rgb(203,221,211)
```
#d3cbdd
```
#d3cbdd rgb(211,203,221)
```
#ddcbd5
```
#ddcbd5 rgb(221,203,213)
```

Tetradic Color

#9dbfac
```
#9dbfac rgb(157,191,172)
```
#acc9b9
```
#acc9b9 rgb(172,201,185)
```
#bcd3c6
```
#bcd3c6 rgb(188,211,198)
```
#cbddd3
```
#cbddd3 rgb(203,221,211)
```
#dae7e0
```
#dae7e0 rgb(218,231,224)
```
#eaf1ed
```
#eaf1ed rgb(234,241,237)
```
#f9fbfa
```
#f9fbfa rgb(249,251,250)
```

Monochromatic Color

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

#cbddcf
```
#cbddcf rgb(203,221,207)
```
#cbddd0
```
#cbddd0 rgb(203,221,208)
```
#cbddd2
```
#cbddd2 rgb(203,221,210)
```
#cbddd3
```
#cbddd3 rgb(203,221,211)
```
#cbddd5
```
#cbddd5 rgb(203,221,213)
```
#cbddd6
```
#cbddd6 rgb(203,221,214)
```
#cbddd8
```
#cbddd8 rgb(203,221,216)
```

Similar Colors

Text with hexadecimal color #cbddd3

This text has a font color of #cbddd3.

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

#cbddd3 background color

This paragraph has a background color of #cbddd3.

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

#cbddd3 border color

This element has a border color of #cbddd3.

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

CSS codes

.text {color:#cbddd3;}

.background {background-color:#cbddd3;}

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

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, #050706 is the darkest color, while #fafcfb is the lightest one.

#050706
```
#050706 rgb(5,7,6)
```
#0d130f
```
#0d130f rgb(13,19,15)
```
#141f19
```
#141f19 rgb(20,31,25)
```
#1c2b23
```
#1c2b23 rgb(28,43,35)
```
#24372c
```
#24372c rgb(36,55,44)
```
#2c4336
```
#2c4336 rgb(44,67,54)
```
#334e3f
```
#334e3f rgb(51,78,63)
```
#3b5a49
```
#3b5a49 rgb(59,90,73)
```
#436653
```
#436653 rgb(67,102,83)
```
#4b725c
```
#4b725c rgb(75,114,92)
```
#527e66
```
#527e66 rgb(82,126,102)
```
#5a8a6f
```
#5a8a6f rgb(90,138,111)
```
#629679
```
#629679 rgb(98,150,121)
```

Shade Color Variation

#6c9f83
```
#6c9f83 rgb(108,159,131)
```
#78a78d
```
#78a78d rgb(120,167,141)
```
#84ae97
```
#84ae97 rgb(132,174,151)
```
#90b6a1
```
#90b6a1 rgb(144,182,161)
```
#9cbeab
```
#9cbeab rgb(156,190,171)
```
#a7c6b5
```
#a7c6b5 rgb(167,198,181)
```
#b3cdbf
```
#b3cdbf rgb(179,205,191)
```
#bfd5c9
```
#bfd5c9 rgb(191,213,201)
```
#cbddd3
```
#cbddd3 rgb(203,221,211)
```
#d7e5dd
```
#d7e5dd rgb(215,229,221)
```
#e3ede7
```
#e3ede7 rgb(227,237,231)
```
#eff4f1
```
#eff4f1 rgb(239,244,241)
```
#fafcfb
```
#fafcfb rgb(250,252,251)
```

Tint Color Variation

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

#d2d6d4
```
#d2d6d4 rgb(210,214,212)
```
#cedad3
```
#cedad3 rgb(206,218,211)
```
#cbddd3
```
#cbddd3 rgb(203,221,211)
```
#c8e0d3
```
#c8e0d3 rgb(200,224,211)
```
#c4e4d2
```
#c4e4d2 rgb(196,228,210)
```
#c1e7d2
```
#c1e7d2 rgb(193,231,210)
```
#beead2
```
#beead2 rgb(190,234,210)
```
#baeed1
```
#baeed1 rgb(186,238,209)
```
#b7f1d1
```
#b7f1d1 rgb(183,241,209)
```
#b4f4d0
```
#b4f4d0 rgb(180,244,208)
```
#b1f7d0
```
#b1f7d0 rgb(177,247,208)
```
#adfbd0
```
#adfbd0 rgb(173,251,208)
```
#aafecf
```
#aafecf rgb(170,254,207)
```

Tone Color Variation

Below, you can see how #cbddd3 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

#d6d6d6 Achromatopsia 0.005% of the population
#d4d7d5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0d9d2 Protanopia 1% of men
#efd4d8 Deuteranopia 1% of men
#d1dbeb Tritanopia 0.001% of the population

Trichromacy

#d8dad2 Protanomaly 1% of men, 0.01% of women
#e2d7d6 Deuteranomaly 6% of men, 0.4% of women
#cfdbe2 Tritanomaly 0.01% of the population

#cbddd3 hex color

#cbddd3 Color Information

#cbddd3 Color Conversion

Color Schemes with #cbddd3

Alternatives to #cbddd3

#cbddd3 Preview

Shades and Tints of #cbddd3

Tones of #cbddd3

Color Blindness Simulator