#bddcd5 hex color

In a RGB color space, hex #bddcd5 is composed of 74.1% red, 86.3% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 14.1% cyan, 0% magenta, 3.2% yellow and 13.7% black. It has a hue angle of 166.5 degrees, a saturation of 30.7% and a lightness of 80.2%. #bddcd5 color hex could be obtained by blending #ffffff with #7bb9ab. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 86
- B 84
RGB color chart
- C 14
- M 0
- Y 3
- K 14
CMYK color chart

● #bddcd5 color description : Light grayish cyan.

The hexadecimal color #bddcd5 has RGB values of R:189, G:220, B:213 and CMYK values of C:0.14, M:0, Y:0.03, K:0.14. Its decimal value is 12442837.

Hex triplet	bddcd5	`#bddcd5`
RGB Decimal	189, 220, 213	`rgb(189,220,213)`
RGB Percent	74.1, 86.3, 83.5	`rgb(74.1%,86.3%,83.5%)`
CMYK	14, 0, 3, 14
HSL	166.5°, 30.7, 80.2	`hsl(166.5,30.7%,80.2%)`
HSV (or HSB)	166.5°, 14.1, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.407, -11.575, -0.01
XYZ	58.587, 66.808, 72.756
xyY	0.296, 0.337, 66.808
CIE-LCH	85.407, 11.575, 180.051
CIE-LUV	85.407, -16.22, 1.981
Hunter-Lab	81.736, -15.093, 4.44
Binary	10111101, 11011100, 11010101

#bddcd5
```
#bddcd5 rgb(189,220,213)
```
#dcbdc4
```
#dcbdc4 rgb(220,189,196)
```

Complementary Color

#bddcc6
```
#bddcc6 rgb(189,220,198)
```
#bddcd5
```
#bddcd5 rgb(189,220,213)
```
#bdd4dc
```
#bdd4dc rgb(189,212,220)
```

Analogous Color

#dcc6bd
```
#dcc6bd rgb(220,198,189)
```
#bddcd5
```
#bddcd5 rgb(189,220,213)
```
#dcbdd4
```
#dcbdd4 rgb(220,189,212)
```

Split Complementary Color

#dcd5bd
```
#dcd5bd rgb(220,213,189)
```
#bddcd5
```
#bddcd5 rgb(189,220,213)
```
#d5bddc
```
#d5bddc rgb(213,189,220)
```

Triadic Color

#c4dcbd
```
#c4dcbd rgb(196,220,189)
```
#bddcd5
```
#bddcd5 rgb(189,220,213)
```
#d5bddc
```
#d5bddc rgb(213,189,220)
```
#dcbdc4
```
#dcbdc4 rgb(220,189,196)
```

Tetradic Color

#8bc1b5
```
#8bc1b5 rgb(139,193,181)
```
#9ccac0
```
#9ccac0 rgb(156,202,192)
```
#acd3ca
```
#acd3ca rgb(172,211,202)
```
#bddcd5
```
#bddcd5 rgb(189,220,213)
```
#cee5e0
```
#cee5e0 rgb(206,229,224)
```
#deeeea
```
#deeeea rgb(222,238,234)
```
#eff7f5
```
#eff7f5 rgb(239,247,245)
```

Monochromatic Color

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

#bddccd
```
#bddccd rgb(189,220,205)
```
#bddcd0
```
#bddcd0 rgb(189,220,208)
```
#bddcd2
```
#bddcd2 rgb(189,220,210)
```
#bddcd5
```
#bddcd5 rgb(189,220,213)
```
#bddcd8
```
#bddcd8 rgb(189,220,216)
```
#bddcda
```
#bddcda rgb(189,220,218)
```
#bddbdc
```
#bddbdc rgb(189,219,220)
```

Similar Colors

Text with hexadecimal color #bddcd5

This text has a font color of #bddcd5.

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

#bddcd5 background color

This paragraph has a background color of #bddcd5.

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

#bddcd5 border color

This element has a border color of #bddcd5.

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

CSS codes

.text {color:#bddcd5;}

.background {background-color:#bddcd5;}

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

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, #060b0a is the darkest color, while #fdfefe is the lightest one.

#060b0a
```
#060b0a rgb(6,11,10)
```
#0d1815
```
#0d1815 rgb(13,24,21)
```
#132521
```
#132521 rgb(19,37,33)
```
#1a312c
```
#1a312c rgb(26,49,44)
```
#213e38
```
#213e38 rgb(33,62,56)
```
#284b43
```
#284b43 rgb(40,75,67)
```
#2f584f
```
#2f584f rgb(47,88,79)
```
#35655a
```
#35655a rgb(53,101,90)
```
#3c7165
```
#3c7165 rgb(60,113,101)
```
#437e71
```
#437e71 rgb(67,126,113)
```
#4a8b7c
```
#4a8b7c rgb(74,139,124)
```
#519888
```
#519888 rgb(81,152,136)
```
#57a593
```
#57a593 rgb(87,165,147)
```

Shade Color Variation

#63ac9c
```
#63ac9c rgb(99,172,156)
```
#70b3a4
```
#70b3a4 rgb(112,179,164)
```
#7dbaac
```
#7dbaac rgb(125,186,172)
```
#8ac1b4
```
#8ac1b4 rgb(138,193,180)
```
#97c8bd
```
#97c8bd rgb(151,200,189)
```
#a3cec5
```
#a3cec5 rgb(163,206,197)
```
#b0d5cd
```
#b0d5cd rgb(176,213,205)
```
#bddcd5
```
#bddcd5 rgb(189,220,213)
```
#cae3dd
```
#cae3dd rgb(202,227,221)
```
#d7eae5
```
#d7eae5 rgb(215,234,229)
```
#e3f0ed
```
#e3f0ed rgb(227,240,237)
```
#f0f7f6
```
#f0f7f6 rgb(240,247,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#c9d0cf
```
#c9d0cf rgb(201,208,207)
```
#c5d4d1
```
#c5d4d1 rgb(197,212,209)
```
#c1d8d3
```
#c1d8d3 rgb(193,216,211)
```
#bddcd5
```
#bddcd5 rgb(189,220,213)
```
#b9e0d7
```
#b9e0d7 rgb(185,224,215)
```
#b5e4d9
```
#b5e4d9 rgb(181,228,217)
```
#b1e8db
```
#b1e8db rgb(177,232,219)
```
#adecde
```
#adecde rgb(173,236,222)
```
#aaefe0
```
#aaefe0 rgb(170,239,224)
```
#a6f3e2
```
#a6f3e2 rgb(166,243,226)
```
#a2f7e4
```
#a2f7e4 rgb(162,247,228)
```
#9efbe6
```
#9efbe6 rgb(158,251,230)
```
#9affe8
```
#9affe8 rgb(154,255,232)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#ced4d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd6d3 Protanopia 1% of men
#e9d1db Deuteranopia 1% of men
#c4daea Tritanopia 0.001% of the population

Trichromacy

#d0d8d3 Protanomaly 1% of men, 0.01% of women
#d9d5d9 Deuteranomaly 6% of men, 0.4% of women
#c1dbe2 Tritanomaly 0.01% of the population

#bddcd5 hex color

#bddcd5 Color Information

#bddcd5 Color Conversion

Color Schemes with #bddcd5

Alternatives to #bddcd5

#bddcd5 Preview

Shades and Tints of #bddcd5

Tones of #bddcd5

Color Blindness Simulator