#bddbd6 hex color

In a RGB color space, hex #bddbd6 is composed of 74.1% red, 85.9% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 13.7% cyan, 0% magenta, 2.3% yellow and 14.1% black. It has a hue angle of 170 degrees, a saturation of 29.4% and a lightness of 80%. #bddbd6 color hex could be obtained by blending #ffffff with #7bb7ad. Closest websafe color is: #cccccc.

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

● #bddbd6 color description : Light grayish cyan.

The hexadecimal color #bddbd6 has RGB values of R:189, G:219, B:214 and CMYK values of C:0.14, M:0, Y:0.02, K:0.14. Its decimal value is 12442582.

Hex triplet	bddbd6	`#bddbd6`
RGB Decimal	189, 219, 214	`rgb(189,219,214)`
RGB Percent	74.1, 85.9, 83.9	`rgb(74.1%,85.9%,83.9%)`
CMYK	14, 0, 2, 14
HSL	170°, 29.4, 80	`hsl(170,29.4%,80%)`
HSV (or HSB)	170°, 13.7, 85.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.167, -10.868, -0.89
XYZ	58.453, 66.336, 73.339
xyY	0.295, 0.335, 66.336
CIE-LCH	85.167, 10.904, 184.679
CIE-LUV	85.167, -15.77, 0.515
Hunter-Lab	81.447, -14.426, 3.625
Binary	10111101, 11011011, 11010110

#bddbd6
```
#bddbd6 rgb(189,219,214)
```
#dbbdc2
```
#dbbdc2 rgb(219,189,194)
```

Complementary Color

#bddbc7
```
#bddbc7 rgb(189,219,199)
```
#bddbd6
```
#bddbd6 rgb(189,219,214)
```
#bdd1db
```
#bdd1db rgb(189,209,219)
```

Analogous Color

#dbc7bd
```
#dbc7bd rgb(219,199,189)
```
#bddbd6
```
#bddbd6 rgb(189,219,214)
```
#dbbdd1
```
#dbbdd1 rgb(219,189,209)
```

Split Complementary Color

#dbd6bd
```
#dbd6bd rgb(219,214,189)
```
#bddbd6
```
#bddbd6 rgb(189,219,214)
```
#d6bddb
```
#d6bddb rgb(214,189,219)
```

Triadic Color

#c2dbbd
```
#c2dbbd rgb(194,219,189)
```
#bddbd6
```
#bddbd6 rgb(189,219,214)
```
#d6bddb
```
#d6bddb rgb(214,189,219)
```
#dbbdc2
```
#dbbdc2 rgb(219,189,194)
```

Tetradic Color

#8cc0b7
```
#8cc0b7 rgb(140,192,183)
```
#9cc9c2
```
#9cc9c2 rgb(156,201,194)
```
#add2cc
```
#add2cc rgb(173,210,204)
```
#bddbd6
```
#bddbd6 rgb(189,219,214)
```
#cee4e0
```
#cee4e0 rgb(206,228,224)
```
#deedeb
```
#deedeb rgb(222,237,235)
```
#eff6f5
```
#eff6f5 rgb(239,246,245)
```

Monochromatic Color

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

#bddbcf
```
#bddbcf rgb(189,219,207)
```
#bddbd1
```
#bddbd1 rgb(189,219,209)
```
#bddbd4
```
#bddbd4 rgb(189,219,212)
```
#bddbd6
```
#bddbd6 rgb(189,219,214)
```
#bddbd9
```
#bddbd9 rgb(189,219,217)
```
#bddbdb
```
#bddbdb rgb(189,219,219)
```
#bdd9db
```
#bdd9db rgb(189,217,219)
```

Similar Colors

Text with hexadecimal color #bddbd6

This text has a font color of #bddbd6.

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

#bddbd6 background color

This paragraph has a background color of #bddbd6.

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

#bddbd6 border color

This element has a border color of #bddbd6.

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

CSS codes

.text {color:#bddbd6;}

.background {background-color:#bddbd6;}

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

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

#060a09
```
#060a09 rgb(6,10,9)
```
#0c1715
```
#0c1715 rgb(12,23,21)
```
#132421
```
#132421 rgb(19,36,33)
```
#1a302d
```
#1a302d rgb(26,48,45)
```
#213d38
```
#213d38 rgb(33,61,56)
```
#284a44
```
#284a44 rgb(40,74,68)
```
#2f5650
```
#2f5650 rgb(47,86,80)
```
#36635c
```
#36635c rgb(54,99,92)
```
#3d7067
```
#3d7067 rgb(61,112,103)
```
#447c73
```
#447c73 rgb(68,124,115)
```
#4b897f
```
#4b897f rgb(75,137,127)
```
#52968a
```
#52968a rgb(82,150,138)
```
#59a296
```
#59a296 rgb(89,162,150)
```

Shade Color Variation

#64ab9f
```
#64ab9f rgb(100,171,159)
```
#71b1a7
```
#71b1a7 rgb(113,177,167)
```
#7eb8af
```
#7eb8af rgb(126,184,175)
```
#8abfb6
```
#8abfb6 rgb(138,191,182)
```
#97c6be
```
#97c6be rgb(151,198,190)
```
#a4cdc6
```
#a4cdc6 rgb(164,205,198)
```
#b0d4ce
```
#b0d4ce rgb(176,212,206)
```
#bddbd6
```
#bddbd6 rgb(189,219,214)
```
#cae2de
```
#cae2de rgb(202,226,222)
```
#d6e9e6
```
#d6e9e6 rgb(214,233,230)
```
#e3f0ee
```
#e3f0ee rgb(227,240,238)
```
#f0f7f6
```
#f0f7f6 rgb(240,247,246)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#c9cfce
```
#c9cfce rgb(201,207,206)
```
#c5d3d1
```
#c5d3d1 rgb(197,211,209)
```
#c1d7d3
```
#c1d7d3 rgb(193,215,211)
```
#bddbd6
```
#bddbd6 rgb(189,219,214)
```
#b9dfd9
```
#b9dfd9 rgb(185,223,217)
```
#b5e3db
```
#b5e3db rgb(181,227,219)
```
#b1e7de
```
#b1e7de rgb(177,231,222)
```
#adebe0
```
#adebe0 rgb(173,235,224)
```
#a9efe3
```
#a9efe3 rgb(169,239,227)
```
#a5f3e6
```
#a5f3e6 rgb(165,243,230)
```
#a2f6e8
```
#a2f6e8 rgb(162,246,232)
```
#9efaeb
```
#9efaeb rgb(158,250,235)
```
#9afeee
```
#9afeee rgb(154,254,238)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#cdd3d2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad5d4 Protanopia 1% of men
#e8d0dc Deuteranopia 1% of men
#c4dae9 Tritanopia 0.001% of the population

Trichromacy

#d0d7d5 Protanomaly 1% of men, 0.01% of women
#d8d4d9 Deuteranomaly 6% of men, 0.4% of women
#c1dae2 Tritanomaly 0.01% of the population

#bddbd6 hex color

#bddbd6 Color Information

#bddbd6 Color Conversion

Color Schemes with #bddbd6

Alternatives to #bddbd6

#bddbd6 Preview

Shades and Tints of #bddbd6

Tones of #bddbd6

Color Blindness Simulator