#bdded5 hex color

In a RGB color space, hex #bdded5 is composed of 74.1% red, 87.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 14.9% cyan, 0% magenta, 4.1% yellow and 12.9% black. It has a hue angle of 163.6 degrees, a saturation of 33.3% and a lightness of 80.6%. #bdded5 color hex could be obtained by blending #ffffff with #7bbdab. 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

● #bdded5 color description : Light grayish cyan - lime green.

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

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

CIE-LAB	85.939, -12.591, 0.765
XYZ	59.115, 67.864, 72.932
xyY	0.296, 0.339, 67.864
CIE-LCH	85.939, 12.615, 176.522
CIE-LUV	85.939, -17.169, 3.339
Hunter-Lab	82.38, -16.074, 5.176
Binary	10111101, 11011110, 11010101

#bdded5
```
#bdded5 rgb(189,222,213)
```
#debdc6
```
#debdc6 rgb(222,189,198)
```

Complementary Color

#bddec5
```
#bddec5 rgb(189,222,197)
```
#bdded5
```
#bdded5 rgb(189,222,213)
```
#bdd7de
```
#bdd7de rgb(189,215,222)
```

Analogous Color

#dec5bd
```
#dec5bd rgb(222,197,189)
```
#bdded5
```
#bdded5 rgb(189,222,213)
```
#debdd7
```
#debdd7 rgb(222,189,215)
```

Split Complementary Color

#ded5bd
```
#ded5bd rgb(222,213,189)
```
#bdded5
```
#bdded5 rgb(189,222,213)
```
#d5bdde
```
#d5bdde rgb(213,189,222)
```

Triadic Color

#c6debd
```
#c6debd rgb(198,222,189)
```
#bdded5
```
#bdded5 rgb(189,222,213)
```
#d5bdde
```
#d5bdde rgb(213,189,222)
```
#debdc6
```
#debdc6 rgb(222,189,198)
```

Tetradic Color

#8ac5b5
```
#8ac5b5 rgb(138,197,181)
```
#9bcdbf
```
#9bcdbf rgb(155,205,191)
```
#acd6ca
```
#acd6ca rgb(172,214,202)
```
#bdded5
```
#bdded5 rgb(189,222,213)
```
#cee7e0
```
#cee7e0 rgb(206,231,224)
```
#dfefeb
```
#dfefeb rgb(223,239,235)
```
#f0f8f5
```
#f0f8f5 rgb(240,248,245)
```

Monochromatic Color

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

#bddecd
```
#bddecd rgb(189,222,205)
```
#bdded0
```
#bdded0 rgb(189,222,208)
```
#bdded2
```
#bdded2 rgb(189,222,210)
```
#bdded5
```
#bdded5 rgb(189,222,213)
```
#bdded8
```
#bdded8 rgb(189,222,216)
```
#bddedb
```
#bddedb rgb(189,222,219)
```
#bddedd
```
#bddedd rgb(189,222,221)
```

Similar Colors

Text with hexadecimal color #bdded5

This text has a font color of #bdded5.

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

#bdded5 background color

This paragraph has a background color of #bdded5.

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

#bdded5 border color

This element has a border color of #bdded5.

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

CSS codes

.text {color:#bdded5;}

.background {background-color:#bdded5;}

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

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)
```
#132721
```
#132721 rgb(19,39,33)
```
#1a342d
```
#1a342d rgb(26,52,45)
```
#204138
```
#204138 rgb(32,65,56)
```
#274e43
```
#274e43 rgb(39,78,67)
```
#2d5b4f
```
#2d5b4f rgb(45,91,79)
```
#34685a
```
#34685a rgb(52,104,90)
```
#3b7565
```
#3b7565 rgb(59,117,101)
```
#418270
```
#418270 rgb(65,130,112)
```
#488f7c
```
#488f7c rgb(72,143,124)
```
#4e9c87
```
#4e9c87 rgb(78,156,135)
```
#55a992
```
#55a992 rgb(85,169,146)
```

Shade Color Variation

#61b09b
```
#61b09b rgb(97,176,155)
```
#6fb7a3
```
#6fb7a3 rgb(111,183,163)
```
#7cbdab
```
#7cbdab rgb(124,189,171)
```
#89c4b4
```
#89c4b4 rgb(137,196,180)
```
#96cabc
```
#96cabc rgb(150,202,188)
```
#a3d1c4
```
#a3d1c4 rgb(163,209,196)
```
#b0d7cd
```
#b0d7cd rgb(176,215,205)
```
#bdded5
```
#bdded5 rgb(189,222,213)
```
#cae5dd
```
#cae5dd rgb(202,229,221)
```
#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 #9ffce3 is the most saturated one.

#cccfce
```
#cccfce rgb(204,207,206)
```
#c8d3d0
```
#c8d3d0 rgb(200,211,208)
```
#c5d6d2
```
#c5d6d2 rgb(197,214,210)
```
#c1dad3
```
#c1dad3 rgb(193,218,211)
```
#bdded5
```
#bdded5 rgb(189,222,213)
```
#b9e2d7
```
#b9e2d7 rgb(185,226,215)
```
#b5e6d8
```
#b5e6d8 rgb(181,230,216)
```
#b2e9da
```
#b2e9da rgb(178,233,218)
```
#aeeddc
```
#aeeddc rgb(174,237,220)
```
#aaf1de
```
#aaf1de rgb(170,241,222)
```
#a6f5df
```
#a6f5df rgb(166,245,223)
```
#a2f9e1
```
#a2f9e1 rgb(162,249,225)
```
#9ffce3
```
#9ffce3 rgb(159,252,227)
```

Tone Color Variation

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

Dichromacy

#ddd8d3 Protanopia 1% of men
#ebd2db Deuteranopia 1% of men
#c4dcec Tritanopia 0.001% of the population

Trichromacy

#d1dad3 Protanomaly 1% of men, 0.01% of women
#dad6d9 Deuteranomaly 6% of men, 0.4% of women
#c2dce3 Tritanomaly 0.01% of the population

#bdded5 hex color

#bdded5 Color Information

#bdded5 Color Conversion

Color Schemes with #bdded5

Alternatives to #bdded5

#bdded5 Preview

Shades and Tints of #bdded5

Tones of #bdded5

Color Blindness Simulator