#bdd4cf hex color

In a RGB color space, hex #bdd4cf is composed of 74.1% red, 83.1% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 10.8% cyan, 0% magenta, 2.4% yellow and 16.9% black. It has a hue angle of 167 degrees, a saturation of 21.1% and a lightness of 78.6%. #bdd4cf color hex could be obtained by blending #ffffff with #7ba99f. Closest websafe color is: #cccccc.

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

● #bdd4cf color description : Grayish cyan.

The hexadecimal color #bdd4cf has RGB values of R:189, G:212, B:207 and CMYK values of C:0.11, M:0, Y:0.02, K:0.17. Its decimal value is 12440783.

Hex triplet	bdd4cf	`#bdd4cf`
RGB Decimal	189, 212, 207	`rgb(189,212,207)`
RGB Percent	74.1, 83.1, 81.2	`rgb(74.1%,83.1%,81.2%)`
CMYK	11, 0, 2, 17
HSL	167°, 21.1, 78.6	`hsl(167,21.1%,78.6%)`
HSV (or HSB)	167°, 10.8, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.131, -8.647, -0.152
XYZ	55.79, 62.41, 68.135
xyY	0.299, 0.335, 62.41
CIE-LCH	83.131, 8.649, 181.006
CIE-LUV	83.131, -12.218, 1.263
Hunter-Lab	79, -12.193, 4.164
Binary	10111101, 11010100, 11001111

#bdd4cf
```
#bdd4cf rgb(189,212,207)
```
#d4bdc2
```
#d4bdc2 rgb(212,189,194)
```

Complementary Color

#bdd4c4
```
#bdd4c4 rgb(189,212,196)
```
#bdd4cf
```
#bdd4cf rgb(189,212,207)
```
#bdced4
```
#bdced4 rgb(189,206,212)
```

Analogous Color

#d4c4bd
```
#d4c4bd rgb(212,196,189)
```
#bdd4cf
```
#bdd4cf rgb(189,212,207)
```
#d4bdce
```
#d4bdce rgb(212,189,206)
```

Split Complementary Color

#d4cfbd
```
#d4cfbd rgb(212,207,189)
```
#bdd4cf
```
#bdd4cf rgb(189,212,207)
```
#cfbdd4
```
#cfbdd4 rgb(207,189,212)
```

Triadic Color

#c2d4bd
```
#c2d4bd rgb(194,212,189)
```
#bdd4cf
```
#bdd4cf rgb(189,212,207)
```
#cfbdd4
```
#cfbdd4 rgb(207,189,212)
```
#d4bdc2
```
#d4bdc2 rgb(212,189,194)
```

Tetradic Color

#8fb6ad
```
#8fb6ad rgb(143,182,173)
```
#9ec0b9
```
#9ec0b9 rgb(158,192,185)
```
#aecac4
```
#aecac4 rgb(174,202,196)
```
#bdd4cf
```
#bdd4cf rgb(189,212,207)
```
#ccdeda
```
#ccdeda rgb(204,222,218)
```
#dce8e5
```
#dce8e5 rgb(220,232,229)
```
#ebf2f1
```
#ebf2f1 rgb(235,242,241)
```

Monochromatic Color

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

#bdd4c9
```
#bdd4c9 rgb(189,212,201)
```
#bdd4cb
```
#bdd4cb rgb(189,212,203)
```
#bdd4cd
```
#bdd4cd rgb(189,212,205)
```
#bdd4cf
```
#bdd4cf rgb(189,212,207)
```
#bdd4d1
```
#bdd4d1 rgb(189,212,209)
```
#bdd4d3
```
#bdd4d3 rgb(189,212,211)
```
#bdd3d4
```
#bdd3d4 rgb(189,211,212)
```

Similar Colors

Text with hexadecimal color #bdd4cf

This text has a font color of #bdd4cf.

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

#bdd4cf background color

This paragraph has a background color of #bdd4cf.

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

#bdd4cf border color

This element has a border color of #bdd4cf.

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

CSS codes

.text {color:#bdd4cf;}

.background {background-color:#bdd4cf;}

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

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

#030505
```
#030505 rgb(3,5,5)
```
#0b1110
```
#0b1110 rgb(11,17,16)
```
#131d1b
```
#131d1b rgb(19,29,27)
```
#1b2926
```
#1b2926 rgb(27,41,38)
```
#223531
```
#223531 rgb(34,53,49)
```
#2a413c
```
#2a413c rgb(42,65,60)
```
#324d47
```
#324d47 rgb(50,77,71)
```
#3a5852
```
#3a5852 rgb(58,88,82)
```
#41645d
```
#41645d rgb(65,100,93)
```
#497068
```
#497068 rgb(73,112,104)
```
#517c73
```
#517c73 rgb(81,124,115)
```
#59887e
```
#59887e rgb(89,136,126)
```
#609489
```
#609489 rgb(96,148,137)
```

Shade Color Variation

#6a9e93
```
#6a9e93 rgb(106,158,147)
```
#76a69b
```
#76a69b rgb(118,166,155)
```
#82ada4
```
#82ada4 rgb(130,173,164)
```
#8db5ac
```
#8db5ac rgb(141,181,172)
```
#99bdb5
```
#99bdb5 rgb(153,189,181)
```
#a5c5be
```
#a5c5be rgb(165,197,190)
```
#b1ccc6
```
#b1ccc6 rgb(177,204,198)
```
#bdd4cf
```
#bdd4cf rgb(189,212,207)
```
#c9dcd8
```
#c9dcd8 rgb(201,220,216)
```
#d5e3e0
```
#d5e3e0 rgb(213,227,224)
```
#e1ebe9
```
#e1ebe9 rgb(225,235,233)
```
#edf3f2
```
#edf3f2 rgb(237,243,242)
```
#f8fbfa
```
#f8fbfa rgb(248,251,250)
```

Tint Color Variation

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

#c5ccca
```
#c5ccca rgb(197,204,202)
```
#c1d0cd
```
#c1d0cd rgb(193,208,205)
```
#bdd4cf
```
#bdd4cf rgb(189,212,207)
```
#b9d8d1
```
#b9d8d1 rgb(185,216,209)
```
#b5dcd4
```
#b5dcd4 rgb(181,220,212)
```
#b0e1d6
```
#b0e1d6 rgb(176,225,214)
```
#ace5d8
```
#ace5d8 rgb(172,229,216)
```
#a8e9db
```
#a8e9db rgb(168,233,219)
```
#a4eddd
```
#a4eddd rgb(164,237,221)
```
#a0f1e0
```
#a0f1e0 rgb(160,241,224)
```
#9bf6e2
```
#9bf6e2 rgb(155,246,226)
```
#97fae4
```
#97fae4 rgb(151,250,228)
```
#93fee7
```
#93fee7 rgb(147,254,231)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cacecd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d0ce Protanopia 1% of men
#e3cbd5 Deuteranopia 1% of men
#c3d3e2 Tritanopia 0.001% of the population

Trichromacy

#ccd1ce Protanomaly 1% of men, 0.01% of women
#d5ced2 Deuteranomaly 6% of men, 0.4% of women
#c1d3db Tritanomaly 0.01% of the population

#bdd4cf hex color

#bdd4cf Color Information

#bdd4cf Color Conversion

Color Schemes with #bdd4cf

Alternatives to #bdd4cf

#bdd4cf Preview

Shades and Tints of #bdd4cf

Tones of #bdd4cf

Color Blindness Simulator