#bdd3cf hex color

In a RGB color space, hex #bdd3cf is composed of 74.1% red, 82.7% green and 81.2% blue. Whereas in a CMYK color space, it is composed of 10.4% cyan, 0% magenta, 1.9% yellow and 17.3% black. It has a hue angle of 169.1 degrees, a saturation of 20% and a lightness of 78.4%. #bdd3cf color hex could be obtained by blending #ffffff with #7ba79f. Closest websafe color is: #cccccc.

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

● #bdd3cf color description : Grayish cyan.

The hexadecimal color #bdd3cf has RGB values of R:189, G:211, B:207 and CMYK values of C:0.1, M:0, Y:0.02, K:0.17. Its decimal value is 12440527.

Hex triplet	bdd3cf	`#bdd3cf`
RGB Decimal	189, 211, 207	`rgb(189,211,207)`
RGB Percent	74.1, 82.7, 81.2	`rgb(74.1%,82.7%,81.2%)`
CMYK	10, 0, 2, 17
HSL	169.1°, 20, 78.4	`hsl(169.1,20%,78.4%)`
HSV (or HSB)	169.1°, 10.4, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.866, -8.131, -0.538
XYZ	55.541, 61.912, 68.052
xyY	0.299, 0.334, 61.912
CIE-LCH	82.866, 8.149, 183.789
CIE-LUV	82.866, -11.734, 0.587
Hunter-Lab	78.684, -11.699, 3.8
Binary	10111101, 11010011, 11001111

#bdd3cf
```
#bdd3cf rgb(189,211,207)
```
#d3bdc1
```
#d3bdc1 rgb(211,189,193)
```

Complementary Color

#bdd3c4
```
#bdd3c4 rgb(189,211,196)
```
#bdd3cf
```
#bdd3cf rgb(189,211,207)
```
#bdccd3
```
#bdccd3 rgb(189,204,211)
```

Analogous Color

#d3c4bd
```
#d3c4bd rgb(211,196,189)
```
#bdd3cf
```
#bdd3cf rgb(189,211,207)
```
#d3bdcc
```
#d3bdcc rgb(211,189,204)
```

Split Complementary Color

#d3cfbd
```
#d3cfbd rgb(211,207,189)
```
#bdd3cf
```
#bdd3cf rgb(189,211,207)
```
#cfbdd3
```
#cfbdd3 rgb(207,189,211)
```

Triadic Color

#c1d3bd
```
#c1d3bd rgb(193,211,189)
```
#bdd3cf
```
#bdd3cf rgb(189,211,207)
```
#cfbdd3
```
#cfbdd3 rgb(207,189,211)
```
#d3bdc1
```
#d3bdc1 rgb(211,189,193)
```

Tetradic Color

#8fb4ae
```
#8fb4ae rgb(143,180,174)
```
#9ebfb9
```
#9ebfb9 rgb(158,191,185)
```
#aec9c4
```
#aec9c4 rgb(174,201,196)
```
#bdd3cf
```
#bdd3cf rgb(189,211,207)
```
#ccddda
```
#ccddda rgb(204,221,218)
```
#dce7e5
```
#dce7e5 rgb(220,231,229)
```
#ebf2f0
```
#ebf2f0 rgb(235,242,240)
```

Monochromatic Color

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

#bdd3ca
```
#bdd3ca rgb(189,211,202)
```
#bdd3cb
```
#bdd3cb rgb(189,211,203)
```
#bdd3cd
```
#bdd3cd rgb(189,211,205)
```
#bdd3cf
```
#bdd3cf rgb(189,211,207)
```
#bdd3d1
```
#bdd3d1 rgb(189,211,209)
```
#bdd3d3
```
#bdd3d3 rgb(189,211,211)
```
#bdd2d3
```
#bdd2d3 rgb(189,210,211)
```

Similar Colors

Text with hexadecimal color #bdd3cf

This text has a font color of #bdd3cf.

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

#bdd3cf background color

This paragraph has a background color of #bdd3cf.

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

#bdd3cf border color

This element has a border color of #bdd3cf.

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

CSS codes

.text {color:#bdd3cf;}

.background {background-color:#bdd3cf;}

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

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)
```
#0b100f
```
#0b100f rgb(11,16,15)
```
#131c1a
```
#131c1a rgb(19,28,26)
```
#1b2826
```
#1b2826 rgb(27,40,38)
```
#223431
```
#223431 rgb(34,52,49)
```
#2a3f3c
```
#2a3f3c rgb(42,63,60)
```
#324b47
```
#324b47 rgb(50,75,71)
```
#3a5752
```
#3a5752 rgb(58,87,82)
```
#42635d
```
#42635d rgb(66,99,93)
```
#4a6f68
```
#4a6f68 rgb(74,111,104)
```
#527a73
```
#527a73 rgb(82,122,115)
```
#59867e
```
#59867e rgb(89,134,126)
```
#619289
```
#619289 rgb(97,146,137)
```

Shade Color Variation

#6b9c93
```
#6b9c93 rgb(107,156,147)
```
#76a49c
```
#76a49c rgb(118,164,156)
```
#82aca4
```
#82aca4 rgb(130,172,164)
```
#8eb4ad
```
#8eb4ad rgb(142,180,173)
```
#9abbb5
```
#9abbb5 rgb(154,187,181)
```
#a5c3be
```
#a5c3be rgb(165,195,190)
```
#b1cbc6
```
#b1cbc6 rgb(177,203,198)
```
#bdd3cf
```
#bdd3cf rgb(189,211,207)
```
#c9dbd8
```
#c9dbd8 rgb(201,219,216)
```
#d5e3e0
```
#d5e3e0 rgb(213,227,224)
```
#e0ebe9
```
#e0ebe9 rgb(224,235,233)
```
#ecf2f1
```
#ecf2f1 rgb(236,242,241)
```
#f8fafa
```
#f8fafa rgb(248,250,250)
```

Tint Color Variation

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

#c5cbca
```
#c5cbca rgb(197,203,202)
```
#c1cfcc
```
#c1cfcc rgb(193,207,204)
```
#bdd3cf
```
#bdd3cf rgb(189,211,207)
```
#b9d7d2
```
#b9d7d2 rgb(185,215,210)
```
#b5dbd4
```
#b5dbd4 rgb(181,219,212)
```
#b0e0d7
```
#b0e0d7 rgb(176,224,215)
```
#ace4da
```
#ace4da rgb(172,228,218)
```
#a8e8dc
```
#a8e8dc rgb(168,232,220)
```
#a4ecdf
```
#a4ecdf rgb(164,236,223)
```
#9ff1e2
```
#9ff1e2 rgb(159,241,226)
```
#9bf5e5
```
#9bf5e5 rgb(155,245,229)
```
#97f9e7
```
#97f9e7 rgb(151,249,231)
```
#93fdea
```
#93fdea rgb(147,253,234)
```

Tone Color Variation

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

Dichromacy

#d4cfce Protanopia 1% of men
#e2cad4 Deuteranopia 1% of men
#c3d2e1 Tritanopia 0.001% of the population

Trichromacy

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

#bdd3cf hex color

#bdd3cf Color Information

#bdd3cf Color Conversion

Color Schemes with #bdd3cf

Alternatives to #bdd3cf

#bdd3cf Preview

Shades and Tints of #bdd3cf

Tones of #bdd3cf

Color Blindness Simulator