#bdded6 hex color

In a RGB color space, hex #bdded6 is composed of 74.1% red, 87.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 14.9% cyan, 0% magenta, 3.6% yellow and 12.9% black. It has a hue angle of 165.5 degrees, a saturation of 33.3% and a lightness of 80.6%. #bdded6 color hex could be obtained by blending #ffffff with #7bbdad. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 74
- G 87
- B 84
RGB color chart
- C 15
- M 0
- Y 4
- K 13
CMYK color chart

● #bdded6 color description : Light grayish cyan.

The hexadecimal color #bdded6 has RGB values of R:189, G:222, B:214 and CMYK values of C:0.15, M:0, Y:0.04, K:0.13. Its decimal value is 12443350.

Hex triplet	bdded6	`#bdded6`
RGB Decimal	189, 222, 214	`rgb(189,222,214)`
RGB Percent	74.1, 87.1, 83.9	`rgb(74.1%,87.1%,83.9%)`
CMYK	15, 0, 4, 13
HSL	165.5°, 33.3, 80.6	`hsl(165.5,33.3%,80.6%)`
HSV (or HSB)	165.5°, 14.9, 87.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.964, -12.395, 0.274
XYZ	59.242, 67.915, 73.602
xyY	0.295, 0.338, 67.915
CIE-LCH	85.964, 12.398, 178.732
CIE-LUV	85.964, -17.192, 2.557
Hunter-Lab	82.411, -15.901, 4.735
Binary	10111101, 11011110, 11010110

#bdded6
```
#bdded6 rgb(189,222,214)
```
#debdc5
```
#debdc5 rgb(222,189,197)
```

Complementary Color

#bddec6
```
#bddec6 rgb(189,222,198)
```
#bdded6
```
#bdded6 rgb(189,222,214)
```
#bdd6de
```
#bdd6de rgb(189,214,222)
```

Analogous Color

#dec6bd
```
#dec6bd rgb(222,198,189)
```
#bdded6
```
#bdded6 rgb(189,222,214)
```
#debdd6
```
#debdd6 rgb(222,189,214)
```

Split Complementary Color

#ded6bd
```
#ded6bd rgb(222,214,189)
```
#bdded6
```
#bdded6 rgb(189,222,214)
```
#d6bdde
```
#d6bdde rgb(214,189,222)
```

Triadic Color

#c5debd
```
#c5debd rgb(197,222,189)
```
#bdded6
```
#bdded6 rgb(189,222,214)
```
#d6bdde
```
#d6bdde rgb(214,189,222)
```
#debdc5
```
#debdc5 rgb(222,189,197)
```

Tetradic Color

#8ac5b6
```
#8ac5b6 rgb(138,197,182)
```
#9bcdc1
```
#9bcdc1 rgb(155,205,193)
```
#acd6cb
```
#acd6cb rgb(172,214,203)
```
#bdded6
```
#bdded6 rgb(189,222,214)
```
#cee7e1
```
#cee7e1 rgb(206,231,225)
```
#dfefeb
```
#dfefeb rgb(223,239,235)
```
#f0f8f6
```
#f0f8f6 rgb(240,248,246)
```

Monochromatic Color

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

#bddece
```
#bddece rgb(189,222,206)
```
#bdded1
```
#bdded1 rgb(189,222,209)
```
#bdded3
```
#bdded3 rgb(189,222,211)
```
#bdded6
```
#bdded6 rgb(189,222,214)
```
#bdded9
```
#bdded9 rgb(189,222,217)
```
#bddedc
```
#bddedc rgb(189,222,220)
```
#bddede
```
#bddede rgb(189,222,222)
```

Similar Colors

Text with hexadecimal color #bdded6

This text has a font color of #bdded6.

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

#bdded6 background color

This paragraph has a background color of #bdded6.

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

#bdded6 border color

This element has a border color of #bdded6.

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

CSS codes

.text {color:#bdded6;}

.background {background-color:#bdded6;}

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

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

#060c0b
```
#060c0b rgb(6,12,11)
```
#0d1a16
```
#0d1a16 rgb(13,26,22)
```
#132722
```
#132722 rgb(19,39,34)
```
#1a342d
```
#1a342d rgb(26,52,45)
```
#204139
```
#204139 rgb(32,65,57)
```
#274e44
```
#274e44 rgb(39,78,68)
```
#2d5b50
```
#2d5b50 rgb(45,91,80)
```
#34685b
```
#34685b rgb(52,104,91)
```
#3b7567
```
#3b7567 rgb(59,117,103)
```
#418272
```
#418272 rgb(65,130,114)
```
#488f7e
```
#488f7e rgb(72,143,126)
```
#4e9c89
```
#4e9c89 rgb(78,156,137)
```
#55a995
```
#55a995 rgb(85,169,149)
```

Shade Color Variation

#61b09d
```
#61b09d rgb(97,176,157)
```
#6fb7a5
```
#6fb7a5 rgb(111,183,165)
```
#7cbdad
```
#7cbdad rgb(124,189,173)
```
#89c4b6
```
#89c4b6 rgb(137,196,182)
```
#96cabe
```
#96cabe rgb(150,202,190)
```
#a3d1c6
```
#a3d1c6 rgb(163,209,198)
```
#b0d7ce
```
#b0d7ce rgb(176,215,206)
```
#bdded6
```
#bdded6 rgb(189,222,214)
```
#cae5de
```
#cae5de rgb(202,229,222)
```
#d7ebe6
```
#d7ebe6 rgb(215,235,230)
```
#e4f2ee
```
#e4f2ee rgb(228,242,238)
```
#f1f8f6
```
#f1f8f6 rgb(241,248,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#cccfce
```
#cccfce rgb(204,207,206)
```
#c8d3d0
```
#c8d3d0 rgb(200,211,208)
```
#c5d6d2
```
#c5d6d2 rgb(197,214,210)
```
#c1dad4
```
#c1dad4 rgb(193,218,212)
```
#bdded6
```
#bdded6 rgb(189,222,214)
```
#b9e2d8
```
#b9e2d8 rgb(185,226,216)
```
#b5e6da
```
#b5e6da rgb(181,230,218)
```
#b2e9dc
```
#b2e9dc rgb(178,233,220)
```
#aeedde
```
#aeedde rgb(174,237,222)
```
#aaf1e0
```
#aaf1e0 rgb(170,241,224)
```
#a6f5e2
```
#a6f5e2 rgb(166,245,226)
```
#a2f9e4
```
#a2f9e4 rgb(162,249,228)
```
#9ffce6
```
#9ffce6 rgb(159,252,230)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cfd5d4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd8d4 Protanopia 1% of men
#ebd2dc Deuteranopia 1% of men
#c4dcec Tritanopia 0.001% of the population

Trichromacy

#d1dad4 Protanomaly 1% of men, 0.01% of women
#dad6da Deuteranomaly 6% of men, 0.4% of women
#c1dde4 Tritanomaly 0.01% of the population

#bdded6 hex color

#bdded6 Color Information

#bdded6 Color Conversion

Color Schemes with #bdded6

Alternatives to #bdded6

#bdded6 Preview

Shades and Tints of #bdded6

Tones of #bdded6

Color Blindness Simulator