#ccd6ba hex color

In a RGB color space, hex #ccd6ba is composed of 80% red, 83.9% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 0% magenta, 13.1% yellow and 16.1% black. It has a hue angle of 81.4 degrees, a saturation of 25.5% and a lightness of 78.4%. #ccd6ba color hex could be obtained by blending #ffffff with #99ad75. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 84
- B 73
RGB color chart
- C 5
- M 0
- Y 13
- K 16
CMYK color chart

● #ccd6ba color description : Grayish green.

The hexadecimal color #ccd6ba has RGB values of R:204, G:214, B:186 and CMYK values of C:0.05, M:0, Y:0.13, K:0.16. Its decimal value is 13424314.

Hex triplet	ccd6ba	`#ccd6ba`
RGB Decimal	204, 214, 186	`rgb(204,214,186)`
RGB Percent	80, 83.9, 72.9	`rgb(80%,83.9%,72.9%)`
CMYK	5, 0, 13, 16
HSL	81.4°, 25.5, 78.4	`hsl(81.4,25.5%,78.4%)`
HSV (or HSB)	81.4°, 13.1, 83.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.213, -8.318, 12.682
XYZ	57.81, 64.476, 55.851
xyY	0.325, 0.362, 64.476
CIE-LCH	84.213, 15.166, 123.26
CIE-LUV	84.213, -4.301, 20.005
Hunter-Lab	80.297, -12.008, 14.968
Binary	11001100, 11010110, 10111010

#ccd6ba
```
#ccd6ba rgb(204,214,186)
```
#c4bad6
```
#c4bad6 rgb(196,186,214)
```

Complementary Color

#d6d2ba
```
#d6d2ba rgb(214,210,186)
```
#ccd6ba
```
#ccd6ba rgb(204,214,186)
```
#bed6ba
```
#bed6ba rgb(190,214,186)
```

Analogous Color

#d2bad6
```
#d2bad6 rgb(210,186,214)
```
#ccd6ba
```
#ccd6ba rgb(204,214,186)
```
#babed6
```
#babed6 rgb(186,190,214)
```

Split Complementary Color

#d6bacc
```
#d6bacc rgb(214,186,204)
```
#ccd6ba
```
#ccd6ba rgb(204,214,186)
```
#baccd6
```
#baccd6 rgb(186,204,214)
```

Triadic Color

#d6c4ba
```
#d6c4ba rgb(214,196,186)
```
#ccd6ba
```
#ccd6ba rgb(204,214,186)
```
#baccd6
```
#baccd6 rgb(186,204,214)
```
#c4bad6
```
#c4bad6 rgb(196,186,214)
```

Tetradic Color

#a9b98a
```
#a9b98a rgb(169,185,138)
```
#b4c39a
```
#b4c39a rgb(180,195,154)
```
#c0ccaa
```
#c0ccaa rgb(192,204,170)
```
#ccd6ba
```
#ccd6ba rgb(204,214,186)
```
#d8e0ca
```
#d8e0ca rgb(216,224,202)
```
#e4e9da
```
#e4e9da rgb(228,233,218)
```
#eff3ea
```
#eff3ea rgb(239,243,234)
```

Monochromatic Color

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

#d3d6ba
```
#d3d6ba rgb(211,214,186)
```
#d1d6ba
```
#d1d6ba rgb(209,214,186)
```
#ced6ba
```
#ced6ba rgb(206,214,186)
```
#ccd6ba
```
#ccd6ba rgb(204,214,186)
```
#cad6ba
```
#cad6ba rgb(202,214,186)
```
#c7d6ba
```
#c7d6ba rgb(199,214,186)
```
#c5d6ba
```
#c5d6ba rgb(197,214,186)
```

Similar Colors

Text with hexadecimal color #ccd6ba

This text has a font color of #ccd6ba.

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

#ccd6ba background color

This paragraph has a background color of #ccd6ba.

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

#ccd6ba border color

This element has a border color of #ccd6ba.

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

CSS codes

.text {color:#ccd6ba;}

.background {background-color:#ccd6ba;}

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

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

#040503
```
#040503 rgb(4,5,3)
```
#0f110a
```
#0f110a rgb(15,17,10)
```
#191d11
```
#191d11 rgb(25,29,17)
```
#242a19
```
#242a19 rgb(36,42,25)
```
#2e3620
```
#2e3620 rgb(46,54,32)
```
#394227
```
#394227 rgb(57,66,39)
```
#434f2f
```
#434f2f rgb(67,79,47)
```
#4e5b36
```
#4e5b36 rgb(78,91,54)
```
#58673d
```
#58673d rgb(88,103,61)
```
#637445
```
#637445 rgb(99,116,69)
```
#6d804c
```
#6d804c rgb(109,128,76)
```
#788c53
```
#788c53 rgb(120,140,83)
```
#82985b
```
#82985b rgb(130,152,91)
```

Shade Color Variation

#8ca364
```
#8ca364 rgb(140,163,100)
```
#95aa70
```
#95aa70 rgb(149,170,112)
```
#9fb17c
```
#9fb17c rgb(159,177,124)
```
#a8b989
```
#a8b989 rgb(168,185,137)
```
#b1c095
```
#b1c095 rgb(177,192,149)
```
#bac7a1
```
#bac7a1 rgb(186,199,161)
```
#c3cfae
```
#c3cfae rgb(195,207,174)
```
#ccd6ba
```
#ccd6ba rgb(204,214,186)
```
#d5ddc6
```
#d5ddc6 rgb(213,221,198)
```
#dee5d3
```
#dee5d3 rgb(222,229,211)
```
#e7ecdf
```
#e7ecdf rgb(231,236,223)
```
#f0f3eb
```
#f0f3eb rgb(240,243,235)
```
#f9fbf8
```
#f9fbf8 rgb(249,251,248)
```

Tint Color Variation

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

#c8c9c7
```
#c8c9c7 rgb(200,201,199)
```
#cacec2
```
#cacec2 rgb(202,206,194)
```
#cbd2be
```
#cbd2be rgb(203,210,190)
```
#ccd6ba
```
#ccd6ba rgb(204,214,186)
```
#cddab6
```
#cddab6 rgb(205,218,182)
```
#cedeb2
```
#cedeb2 rgb(206,222,178)
```
#d0e3ad
```
#d0e3ad rgb(208,227,173)
```
#d1e7a9
```
#d1e7a9 rgb(209,231,169)
```
#d2eba5
```
#d2eba5 rgb(210,235,165)
```
#d3efa1
```
#d3efa1 rgb(211,239,161)
```
#d4f49c
```
#d4f49c rgb(212,244,156)
```
#d6f898
```
#d6f898 rgb(214,248,152)
```
#d7fc94
```
#d7fc94 rgb(215,252,148)
```

Tone Color Variation

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

#d0d0d0 Achromatopsia 0.005% of the population
#cfd1cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd3bb Protanopia 1% of men
#efcdc1 Deuteranopia 1% of men
#d4d2e1 Tritanopia 0.001% of the population

Trichromacy

#d7d4ba Protanomaly 1% of men, 0.01% of women
#e2d0be Deuteranomaly 6% of men, 0.4% of women
#d1d3d3 Tritanomaly 0.01% of the population

#ccd6ba hex color

#ccd6ba Color Information

#ccd6ba Color Conversion

Color Schemes with #ccd6ba

Alternatives to #ccd6ba

#ccd6ba Preview

Shades and Tints of #ccd6ba

Tones of #ccd6ba

Color Blindness Simulator