#bcd4cc hex color

In a RGB color space, hex #bcd4cc is composed of 73.7% red, 83.1% green and 80% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 0% magenta, 3.8% yellow and 16.9% black. It has a hue angle of 160 degrees, a saturation of 21.8% and a lightness of 78.4%. #bcd4cc color hex could be obtained by blending #ffffff with #79a999. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 83
- B 80
RGB color chart
- C 11
- M 0
- Y 4
- K 17
CMYK color chart

● #bcd4cc color description : Grayish cyan - lime green.

The hexadecimal color #bcd4cc has RGB values of R:188, G:212, B:204 and CMYK values of C:0.11, M:0, Y:0.04, K:0.17. Its decimal value is 12375244.

Hex triplet	bcd4cc	`#bcd4cc`
RGB Decimal	188, 212, 204	`rgb(188,212,204)`
RGB Percent	73.7, 83.1, 80	`rgb(73.7%,83.1%,80%)`
CMYK	11, 0, 4, 17
HSL	160°, 21.8, 78.4	`hsl(160,21.8%,78.4%)`
HSV (or HSB)	160°, 11.3, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.986, -9.556, 1.225
XYZ	55.179, 62.137, 66.21
xyY	0.301, 0.339, 62.137
CIE-LCH	82.986, 9.635, 172.693
CIE-LUV	82.986, -12.64, 3.503
Hunter-Lab	78.827, -12.997, 5.379
Binary	10111100, 11010100, 11001100

#bcd4cc
```
#bcd4cc rgb(188,212,204)
```
#d4bcc4
```
#d4bcc4 rgb(212,188,196)
```

Complementary Color

#bcd4c0
```
#bcd4c0 rgb(188,212,192)
```
#bcd4cc
```
#bcd4cc rgb(188,212,204)
```
#bcd0d4
```
#bcd0d4 rgb(188,208,212)
```

Analogous Color

#d4c0bc
```
#d4c0bc rgb(212,192,188)
```
#bcd4cc
```
#bcd4cc rgb(188,212,204)
```
#d4bcd0
```
#d4bcd0 rgb(212,188,208)
```

Split Complementary Color

#d4ccbc
```
#d4ccbc rgb(212,204,188)
```
#bcd4cc
```
#bcd4cc rgb(188,212,204)
```
#ccbcd4
```
#ccbcd4 rgb(204,188,212)
```

Triadic Color

#c4d4bc
```
#c4d4bc rgb(196,212,188)
```
#bcd4cc
```
#bcd4cc rgb(188,212,204)
```
#ccbcd4
```
#ccbcd4 rgb(204,188,212)
```
#d4bcc4
```
#d4bcc4 rgb(212,188,196)
```

Tetradic Color

#8db6a9
```
#8db6a9 rgb(141,182,169)
```
#9dc0b4
```
#9dc0b4 rgb(157,192,180)
```
#accac0
```
#accac0 rgb(172,202,192)
```
#bcd4cc
```
#bcd4cc rgb(188,212,204)
```
#ccded8
```
#ccded8 rgb(204,222,216)
```
#dbe8e4
```
#dbe8e4 rgb(219,232,228)
```
#ebf2ef
```
#ebf2ef rgb(235,242,239)
```

Monochromatic Color

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

#bcd4c6
```
#bcd4c6 rgb(188,212,198)
```
#bcd4c8
```
#bcd4c8 rgb(188,212,200)
```
#bcd4ca
```
#bcd4ca rgb(188,212,202)
```
#bcd4cc
```
#bcd4cc rgb(188,212,204)
```
#bcd4ce
```
#bcd4ce rgb(188,212,206)
```
#bcd4d0
```
#bcd4d0 rgb(188,212,208)
```
#bcd4d2
```
#bcd4d2 rgb(188,212,210)
```

Similar Colors

Text with hexadecimal color #bcd4cc

This text has a font color of #bcd4cc.

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

#bcd4cc background color

This paragraph has a background color of #bcd4cc.

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

#bcd4cc border color

This element has a border color of #bcd4cc.

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

CSS codes

.text {color:#bcd4cc;}

.background {background-color:#bcd4cc;}

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

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

#030504
```
#030504 rgb(3,5,4)
```
#0b110f
```
#0b110f rgb(11,17,15)
```
#121d19
```
#121d19 rgb(18,29,25)
```
#1a2924
```
#1a2924 rgb(26,41,36)
```
#22342e
```
#22342e rgb(34,52,46)
```
#294039
```
#294039 rgb(41,64,57)
```
#314c43
```
#314c43 rgb(49,76,67)
```
#39584e
```
#39584e rgb(57,88,78)
```
#406458
```
#406458 rgb(64,100,88)
```
#487063
```
#487063 rgb(72,112,99)
```
#507c6d
```
#507c6d rgb(80,124,109)
```
#578878
```
#578878 rgb(87,136,120)
```
#5f9482
```
#5f9482 rgb(95,148,130)
```

Shade Color Variation

#689e8c
```
#689e8c rgb(104,158,140)
```
#74a695
```
#74a695 rgb(116,166,149)
```
#80ae9f
```
#80ae9f rgb(128,174,159)
```
#8cb5a8
```
#8cb5a8 rgb(140,181,168)
```
#98bdb1
```
#98bdb1 rgb(152,189,177)
```
#a4c5ba
```
#a4c5ba rgb(164,197,186)
```
#b0ccc3
```
#b0ccc3 rgb(176,204,195)
```
#bcd4cc
```
#bcd4cc rgb(188,212,204)
```
#c8dcd5
```
#c8dcd5 rgb(200,220,213)
```
#d4e3de
```
#d4e3de rgb(212,227,222)
```
#e0ebe7
```
#e0ebe7 rgb(224,235,231)
```
#ecf3f0
```
#ecf3f0 rgb(236,243,240)
```
#f8faf9
```
#f8faf9 rgb(248,250,249)
```

Tint Color Variation

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

#c4ccc9
```
#c4ccc9 rgb(196,204,201)
```
#c0d0cb
```
#c0d0cb rgb(192,208,203)
```
#bcd4cc
```
#bcd4cc rgb(188,212,204)
```
#b8d8cd
```
#b8d8cd rgb(184,216,205)
```
#b4dccf
```
#b4dccf rgb(180,220,207)
```
#afe1d0
```
#afe1d0 rgb(175,225,208)
```
#abe5d2
```
#abe5d2 rgb(171,229,210)
```
#a7e9d3
```
#a7e9d3 rgb(167,233,211)
```
#a3edd4
```
#a3edd4 rgb(163,237,212)
```
#9ef2d6
```
#9ef2d6 rgb(158,242,214)
```
#9af6d7
```
#9af6d7 rgb(154,246,215)
```
#96fad9
```
#96fad9 rgb(150,250,217)
```
#92feda
```
#92feda rgb(146,254,218)
```

Tone Color Variation

Below, you can see how #bcd4cc 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
#c9cecc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d0cb Protanopia 1% of men
#e3cbd2 Deuteranopia 1% of men
#c3d3e2 Tritanopia 0.001% of the population

Trichromacy

#ccd1cb Protanomaly 1% of men, 0.01% of women
#d5ced0 Deuteranomaly 6% of men, 0.4% of women
#c0d3da Tritanomaly 0.01% of the population

#bcd4cc hex color

#bcd4cc Color Information

#bcd4cc Color Conversion

Color Schemes with #bcd4cc

Alternatives to #bcd4cc

#bcd4cc Preview

Shades and Tints of #bcd4cc

Tones of #bcd4cc

Color Blindness Simulator