#bdd5d5 hex color

In a RGB color space, hex #bdd5d5 is composed of 74.1% red, 83.5% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 11.3% cyan, 0% magenta, 0% yellow and 16.5% black. It has a hue angle of 180 degrees, a saturation of 22.2% and a lightness of 78.8%. #bdd5d5 color hex could be obtained by blending #ffffff with #7babab. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 84
- B 84
RGB color chart
- C 11
- M 0
- Y 0
- K 16
CMYK color chart

● #bdd5d5 color description : Grayish cyan.

The hexadecimal color #bdd5d5 has RGB values of R:189, G:213, B:213 and CMYK values of C:0.11, M:0, Y:0, K:0.16. Its decimal value is 12441045.

Hex triplet	bdd5d5	`#bdd5d5`
RGB Decimal	189, 213, 213	`rgb(189,213,213)`
RGB Percent	74.1, 83.5, 83.5	`rgb(74.1%,83.5%,83.5%)`
CMYK	11, 0, 0, 16
HSL	180°, 22.2, 78.8	`hsl(180,22.2%,78.8%)`
HSV (or HSB)	180°, 11.3, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.553, -7.984, -2.725
XYZ	56.788, 63.211, 72.156
xyY	0.296, 0.329, 63.211
CIE-LCH	83.553, 8.436, 198.847
CIE-LUV	83.553, -12.887, -2.791
Hunter-Lab	79.505, -11.636, 1.844
Binary	10111101, 11010101, 11010101

#bdd5d5
```
#bdd5d5 rgb(189,213,213)
```
#d5bdbd
```
#d5bdbd rgb(213,189,189)
```

Complementary Color

#bdd5c9
```
#bdd5c9 rgb(189,213,201)
```
#bdd5d5
```
#bdd5d5 rgb(189,213,213)
```
#bdc9d5
```
#bdc9d5 rgb(189,201,213)
```

Analogous Color

#d5c9bd
```
#d5c9bd rgb(213,201,189)
```
#bdd5d5
```
#bdd5d5 rgb(189,213,213)
```
#d5bdc9
```
#d5bdc9 rgb(213,189,201)
```

Split Complementary Color

#d5d5bd
```
#d5d5bd rgb(213,213,189)
```
#bdd5d5
```
#bdd5d5 rgb(189,213,213)
```
#d5bdd5
```
#d5bdd5 rgb(213,189,213)
```

Triadic Color

#bdd5bd
```
#bdd5bd rgb(189,213,189)
```
#bdd5d5
```
#bdd5d5 rgb(189,213,213)
```
#d5bdd5
```
#d5bdd5 rgb(213,189,213)
```
#d5bdbd
```
#d5bdbd rgb(213,189,189)
```

Tetradic Color

#8eb7b7
```
#8eb7b7 rgb(142,183,183)
```
#9ec1c1
```
#9ec1c1 rgb(158,193,193)
```
#adcbcb
```
#adcbcb rgb(173,203,203)
```
#bdd5d5
```
#bdd5d5 rgb(189,213,213)
```
#cddfdf
```
#cddfdf rgb(205,223,223)
```
#dce9e9
```
#dce9e9 rgb(220,233,233)
```
#ecf3f3
```
#ecf3f3 rgb(236,243,243)
```

Monochromatic Color

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

#bdd5cf
```
#bdd5cf rgb(189,213,207)
```
#bdd5d1
```
#bdd5d1 rgb(189,213,209)
```
#bdd5d3
```
#bdd5d3 rgb(189,213,211)
```
#bdd5d5
```
#bdd5d5 rgb(189,213,213)
```
#bdd3d5
```
#bdd3d5 rgb(189,211,213)
```
#bdd1d5
```
#bdd1d5 rgb(189,209,213)
```
#bdcfd5
```
#bdcfd5 rgb(189,207,213)
```

Similar Colors

Text with hexadecimal color #bdd5d5

This text has a font color of #bdd5d5.

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

#bdd5d5 background color

This paragraph has a background color of #bdd5d5.

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

#bdd5d5 border color

This element has a border color of #bdd5d5.

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

CSS codes

.text {color:#bdd5d5;}

.background {background-color:#bdd5d5;}

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

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

#040606
```
#040606 rgb(4,6,6)
```
#0b1212
```
#0b1212 rgb(11,18,18)
```
#131e1e
```
#131e1e rgb(19,30,30)
```
#1b2a2a
```
#1b2a2a rgb(27,42,42)
```
#223636
```
#223636 rgb(34,54,54)
```
#2a4242
```
#2a4242 rgb(42,66,66)
```
#324e4e
```
#324e4e rgb(50,78,78)
```
#395a5a
```
#395a5a rgb(57,90,90)
```
#416666
```
#416666 rgb(65,102,102)
```
#487272
```
#487272 rgb(72,114,114)
```
#507e7e
```
#507e7e rgb(80,126,126)
```
#588a8a
```
#588a8a rgb(88,138,138)
```
#5f9696
```
#5f9696 rgb(95,150,150)
```

Shade Color Variation

#69a0a0
```
#69a0a0 rgb(105,160,160)
```
#75a7a7
```
#75a7a7 rgb(117,167,167)
```
#81afaf
```
#81afaf rgb(129,175,175)
```
#8db6b6
```
#8db6b6 rgb(141,182,182)
```
#99bebe
```
#99bebe rgb(153,190,190)
```
#a5c6c6
```
#a5c6c6 rgb(165,198,198)
```
#b1cdcd
```
#b1cdcd rgb(177,205,205)
```
#bdd5d5
```
#bdd5d5 rgb(189,213,213)
```
#c9dddd
```
#c9dddd rgb(201,221,221)
```
#d5e4e4
```
#d5e4e4 rgb(213,228,228)
```
#e1ecec
```
#e1ecec rgb(225,236,236)
```
#edf4f4
```
#edf4f4 rgb(237,244,244)
```
#f9fbfb
```
#f9fbfb rgb(249,251,251)
```

Tint Color Variation

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

#c5cdcd
```
#c5cdcd rgb(197,205,205)
```
#c1d1d1
```
#c1d1d1 rgb(193,209,209)
```
#bdd5d5
```
#bdd5d5 rgb(189,213,213)
```
#b9d9d9
```
#b9d9d9 rgb(185,217,217)
```
#b5dddd
```
#b5dddd rgb(181,221,221)
```
#b1e1e1
```
#b1e1e1 rgb(177,225,225)
```
#ace6e6
```
#ace6e6 rgb(172,230,230)
```
#a8eaea
```
#a8eaea rgb(168,234,234)
```
#a4eeee
```
#a4eeee rgb(164,238,238)
```
#a0f2f2
```
#a0f2f2 rgb(160,242,242)
```
#9cf6f6
```
#9cf6f6 rgb(156,246,246)
```
#98fafa
```
#98fafa rgb(152,250,250)
```
#93ffff
```
#93ffff rgb(147,255,255)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cbcfcf Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5d1d4 Protanopia 1% of men
#e2ccda Deuteranopia 1% of men
#c3d5e4 Tritanopia 0.001% of the population

Trichromacy

#ccd2d4 Protanomaly 1% of men, 0.01% of women
#d4cfd8 Deuteranomaly 6% of men, 0.4% of women
#c0d5de Tritanomaly 0.01% of the population

#bdd5d5 hex color

#bdd5d5 Color Information

#bdd5d5 Color Conversion

Color Schemes with #bdd5d5

Alternatives to #bdd5d5

#bdd5d5 Preview

Shades and Tints of #bdd5d5

Tones of #bdd5d5

Color Blindness Simulator