#bcd4ce hex color

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

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

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

The hexadecimal color #bcd4ce has RGB values of R:188, G:212, B:206 and CMYK values of C:0.11, M:0, Y:0.03, K:0.17. Its decimal value is 12375246.

Hex triplet	bcd4ce	`#bcd4ce`
RGB Decimal	188, 212, 206	`rgb(188,212,206)`
RGB Percent	73.7, 83.1, 80.8	`rgb(73.7%,83.1%,80.8%)`
CMYK	11, 0, 3, 17
HSL	165°, 21.8, 78.4	`hsl(165,21.8%,78.4%)`
HSV (or HSB)	165°, 11.3, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.038, -9.17, 0.236
XYZ	55.421, 62.234, 67.482
xyY	0.299, 0.336, 62.234
CIE-LCH	83.038, 9.173, 178.527
CIE-LUV	83.038, -12.701, 1.94
Hunter-Lab	78.888, -12.655, 4.505
Binary	10111100, 11010100, 11001110

#bcd4ce
```
#bcd4ce rgb(188,212,206)
```
#d4bcc2
```
#d4bcc2 rgb(212,188,194)
```

Complementary Color

#bcd4c2
```
#bcd4c2 rgb(188,212,194)
```
#bcd4ce
```
#bcd4ce rgb(188,212,206)
```
#bcced4
```
#bcced4 rgb(188,206,212)
```

Analogous Color

#d4c2bc
```
#d4c2bc rgb(212,194,188)
```
#bcd4ce
```
#bcd4ce rgb(188,212,206)
```
#d4bcce
```
#d4bcce rgb(212,188,206)
```

Split Complementary Color

#d4cebc
```
#d4cebc rgb(212,206,188)
```
#bcd4ce
```
#bcd4ce rgb(188,212,206)
```
#cebcd4
```
#cebcd4 rgb(206,188,212)
```

Triadic Color

#c2d4bc
```
#c2d4bc rgb(194,212,188)
```
#bcd4ce
```
#bcd4ce rgb(188,212,206)
```
#cebcd4
```
#cebcd4 rgb(206,188,212)
```
#d4bcc2
```
#d4bcc2 rgb(212,188,194)
```

Tetradic Color

#8db6ac
```
#8db6ac rgb(141,182,172)
```
#9dc0b7
```
#9dc0b7 rgb(157,192,183)
```
#accac3
```
#accac3 rgb(172,202,195)
```
#bcd4ce
```
#bcd4ce rgb(188,212,206)
```
#ccded9
```
#ccded9 rgb(204,222,217)
```
#dbe8e5
```
#dbe8e5 rgb(219,232,229)
```
#ebf2f0
```
#ebf2f0 rgb(235,242,240)
```

Monochromatic Color

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

#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)
```
#bcd4d4
```
#bcd4d4 rgb(188,212,212)
```

Similar Colors

Text with hexadecimal color #bcd4ce

This text has a font color of #bcd4ce.

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

#bcd4ce background color

This paragraph has a background color of #bcd4ce.

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

#bcd4ce border color

This element has a border color of #bcd4ce.

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

CSS codes

.text {color:#bcd4ce;}

.background {background-color:#bcd4ce;}

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

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 #f8fafa is the lightest one.

#030504
```
#030504 rgb(3,5,4)
```
#0b110f
```
#0b110f rgb(11,17,15)
```
#121d1a
```
#121d1a rgb(18,29,26)
```
#1a2925
```
#1a2925 rgb(26,41,37)
```
#223430
```
#223430 rgb(34,52,48)
```
#29403b
```
#29403b rgb(41,64,59)
```
#314c46
```
#314c46 rgb(49,76,70)
```
#395850
```
#395850 rgb(57,88,80)
```
#40645b
```
#40645b rgb(64,100,91)
```
#487066
```
#487066 rgb(72,112,102)
```
#507c71
```
#507c71 rgb(80,124,113)
```
#57887c
```
#57887c rgb(87,136,124)
```
#5f9487
```
#5f9487 rgb(95,148,135)
```

Shade Color Variation

#689e91
```
#689e91 rgb(104,158,145)
```
#74a69a
```
#74a69a rgb(116,166,154)
```
#80aea2
```
#80aea2 rgb(128,174,162)
```
#8cb5ab
```
#8cb5ab rgb(140,181,171)
```
#98bdb4
```
#98bdb4 rgb(152,189,180)
```
#a4c5bd
```
#a4c5bd rgb(164,197,189)
```
#b0ccc5
```
#b0ccc5 rgb(176,204,197)
```
#bcd4ce
```
#bcd4ce rgb(188,212,206)
```
#c8dcd7
```
#c8dcd7 rgb(200,220,215)
```
#d4e3df
```
#d4e3df rgb(212,227,223)
```
#e0ebe8
```
#e0ebe8 rgb(224,235,232)
```
#ecf3f1
```
#ecf3f1 rgb(236,243,241)
```
#f8fafa
```
#f8fafa rgb(248,250,250)
```

Tint Color Variation

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

#c4ccca
```
#c4ccca rgb(196,204,202)
```
#c0d0cc
```
#c0d0cc rgb(192,208,204)
```
#bcd4ce
```
#bcd4ce rgb(188,212,206)
```
#b8d8d0
```
#b8d8d0 rgb(184,216,208)
```
#b4dcd2
```
#b4dcd2 rgb(180,220,210)
```
#afe1d4
```
#afe1d4 rgb(175,225,212)
```
#abe5d6
```
#abe5d6 rgb(171,229,214)
```
#a7e9d9
```
#a7e9d9 rgb(167,233,217)
```
#a3eddb
```
#a3eddb rgb(163,237,219)
```
#9ef2dd
```
#9ef2dd rgb(158,242,221)
```
#9af6df
```
#9af6df rgb(154,246,223)
```
#96fae1
```
#96fae1 rgb(150,250,225)
```
#92fee3
```
#92fee3 rgb(146,254,227)
```

Tone Color Variation

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

#d5d0cd Protanopia 1% of men
#e3cbd4 Deuteranopia 1% of men
#c3d3e2 Tritanopia 0.001% of the population

Trichromacy

#ccd1cd Protanomaly 1% of men, 0.01% of women
#d4ced1 Deuteranomaly 6% of men, 0.4% of women
#c0d3db Tritanomaly 0.01% of the population

#bcd4ce hex color

#bcd4ce Color Information

#bcd4ce Color Conversion

Color Schemes with #bcd4ce

Alternatives to #bcd4ce

#bcd4ce Preview

Shades and Tints of #bcd4ce

Tones of #bcd4ce

Color Blindness Simulator