#ccd1b3 hex color

In a RGB color space, hex #ccd1b3 is composed of 80% red, 82% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 2.4% cyan, 0% magenta, 14.4% yellow and 18% black. It has a hue angle of 70 degrees, a saturation of 24.6% and a lightness of 76.1%. #ccd1b3 color hex could be obtained by blending #ffffff with #99a367. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 82
- B 70
RGB color chart
- C 2
- M 0
- Y 14
- K 18
CMYK color chart

● #ccd1b3 color description : Grayish yellow.

The hexadecimal color #ccd1b3 has RGB values of R:204, G:209, B:179 and CMYK values of C:0.02, M:0, Y:0.14, K:0.18. Its decimal value is 13423027.

Hex triplet	ccd1b3	`#ccd1b3`
RGB Decimal	204, 209, 179	`rgb(204,209,179)`
RGB Percent	80, 82, 70.2	`rgb(80%,82%,70.2%)`
CMYK	2, 0, 14, 18
HSL	70°, 24.6, 76.1	`hsl(70,24.6%,76.1%)`
HSV (or HSB)	70°, 14.4, 82
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.75, -6.886, 14.318
XYZ	55.837, 61.693, 51.612
xyY	0.33, 0.365, 61.693
CIE-LCH	82.75, 15.887, 115.683
CIE-LUV	82.75, -1.335, 21.945
Hunter-Lab	78.545, -10.558, 16.022
Binary	11001100, 11010001, 10110011

#ccd1b3
```
#ccd1b3 rgb(204,209,179)
```
#b8b3d1
```
#b8b3d1 rgb(184,179,209)
```

Complementary Color

#d1c7b3
```
#d1c7b3 rgb(209,199,179)
```
#ccd1b3
```
#ccd1b3 rgb(204,209,179)
```
#bdd1b3
```
#bdd1b3 rgb(189,209,179)
```

Analogous Color

#c7b3d1
```
#c7b3d1 rgb(199,179,209)
```
#ccd1b3
```
#ccd1b3 rgb(204,209,179)
```
#b3bdd1
```
#b3bdd1 rgb(179,189,209)
```

Split Complementary Color

#d1b3cc
```
#d1b3cc rgb(209,179,204)
```
#ccd1b3
```
#ccd1b3 rgb(204,209,179)
```
#b3ccd1
```
#b3ccd1 rgb(179,204,209)
```

Triadic Color

#d1b8b3
```
#d1b8b3 rgb(209,184,179)
```
#ccd1b3
```
#ccd1b3 rgb(204,209,179)
```
#b3ccd1
```
#b3ccd1 rgb(179,204,209)
```
#b8b3d1
```
#b8b3d1 rgb(184,179,209)
```

Tetradic Color

#acb483
```
#acb483 rgb(172,180,131)
```
#b7be93
```
#b7be93 rgb(183,190,147)
```
#c1c7a3
```
#c1c7a3 rgb(193,199,163)
```
#ccd1b3
```
#ccd1b3 rgb(204,209,179)
```
#d7dbc3
```
#d7dbc3 rgb(215,219,195)
```
#e1e4d3
```
#e1e4d3 rgb(225,228,211)
```
#eceee3
```
#eceee3 rgb(236,238,227)
```

Monochromatic Color

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

#d1cfb3
```
#d1cfb3 rgb(209,207,179)
```
#d1d1b3
```
#d1d1b3 rgb(209,209,179)
```
#cfd1b3
```
#cfd1b3 rgb(207,209,179)
```
#ccd1b3
```
#ccd1b3 rgb(204,209,179)
```
#cad1b3
```
#cad1b3 rgb(202,209,179)
```
#c7d1b3
```
#c7d1b3 rgb(199,209,179)
```
#c5d1b3
```
#c5d1b3 rgb(197,209,179)
```

Similar Colors

Text with hexadecimal color #ccd1b3

This text has a font color of #ccd1b3.

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

#ccd1b3 background color

This paragraph has a background color of #ccd1b3.

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

#ccd1b3 border color

This element has a border color of #ccd1b3.

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

CSS codes

.text {color:#ccd1b3;}

.background {background-color:#ccd1b3;}

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

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, #090a06 is the darkest color, while #fdfdfc is the lightest one.

#090a06
```
#090a06 rgb(9,10,6)
```
#14160d
```
#14160d rgb(20,22,13)
```
#202215
```
#202215 rgb(32,34,21)
```
#2b2e1c
```
#2b2e1c rgb(43,46,28)
```
#373a23
```
#373a23 rgb(55,58,35)
```
#42472b
```
#42472b rgb(66,71,43)
```
#4d5332
```
#4d5332 rgb(77,83,50)
```
#595f3a
```
#595f3a rgb(89,95,58)
```
#646b41
```
#646b41 rgb(100,107,65)
```
#707848
```
#707848 rgb(112,120,72)
```
#7b8450
```
#7b8450 rgb(123,132,80)
```
#869057
```
#869057 rgb(134,144,87)
```
#929c5f
```
#929c5f rgb(146,156,95)
```

Shade Color Variation

#9ba56a
```
#9ba56a rgb(155,165,106)
```
#a3ac76
```
#a3ac76 rgb(163,172,118)
```
#abb382
```
#abb382 rgb(171,179,130)
```
#b3bb8e
```
#b3bb8e rgb(179,187,142)
```
#bcc29b
```
#bcc29b rgb(188,194,155)
```
#c4caa7
```
#c4caa7 rgb(196,202,167)
```
#ccd1b3
```
#ccd1b3 rgb(204,209,179)
```
#d4d8bf
```
#d4d8bf rgb(212,216,191)
```
#dce0cb
```
#dce0cb rgb(220,224,203)
```
#e5e7d8
```
#e5e7d8 rgb(229,231,216)
```
#edefe4
```
#edefe4 rgb(237,239,228)
```
#f5f6f0
```
#f5f6f0 rgb(245,246,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#c3c3c1
```
#c3c3c1 rgb(195,195,193)
```
#c6c8bc
```
#c6c8bc rgb(198,200,188)
```
#c9ccb8
```
#c9ccb8 rgb(201,204,184)
```
#ccd1b3
```
#ccd1b3 rgb(204,209,179)
```
#cfd6ae
```
#cfd6ae rgb(207,214,174)
```
#d2daaa
```
#d2daaa rgb(210,218,170)
```
#d5dfa5
```
#d5dfa5 rgb(213,223,165)
```
#d9e4a0
```
#d9e4a0 rgb(217,228,160)
```
#dce89c
```
#dce89c rgb(220,232,156)
```
#dfed97
```
#dfed97 rgb(223,237,151)
```
#e2f292
```
#e2f292 rgb(226,242,146)
```
#e5f78d
```
#e5f78d rgb(229,247,141)
```
#e8fb89
```
#e8fb89 rgb(232,251,137)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#cccdc7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dacfb5 Protanopia 1% of men
#ecc9ba Deuteranopia 1% of men
#d4cddc Tritanopia 0.001% of the population

Trichromacy

#d5d0b4 Protanomaly 1% of men, 0.01% of women
#e0ccb7 Deuteranomaly 6% of men, 0.4% of women
#d1cfcd Tritanomaly 0.01% of the population

#ccd1b3 hex color

#ccd1b3 Color Information

#ccd1b3 Color Conversion

Color Schemes with #ccd1b3

Alternatives to #ccd1b3

#ccd1b3 Preview

Shades and Tints of #ccd1b3

Tones of #ccd1b3

Color Blindness Simulator