#bad5cd hex color

In a RGB color space, hex #bad5cd is composed of 72.9% red, 83.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 0% magenta, 3.8% yellow and 16.5% black. It has a hue angle of 162.2 degrees, a saturation of 24.3% and a lightness of 78.2%. #bad5cd color hex could be obtained by blending #ffffff with #75ab9b. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 84
- B 80
RGB color chart
- C 13
- M 0
- Y 4
- K 16
CMYK color chart

● #bad5cd color description : Grayish cyan - lime green.

The hexadecimal color #bad5cd has RGB values of R:186, G:213, B:205 and CMYK values of C:0.13, M:0, Y:0.04, K:0.16. Its decimal value is 12244429.

Hex triplet	bad5cd	`#bad5cd`
RGB Decimal	186, 213, 205	`rgb(186,213,205)`
RGB Percent	72.9, 83.5, 80.4	`rgb(72.9%,83.5%,80.4%)`
CMYK	13, 0, 4, 16
HSL	162.2°, 24.3, 78.2	`hsl(162.2,24.3%,78.2%)`
HSV (or HSB)	162.2°, 12.7, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.144, -10.534, 0.907
XYZ	55.061, 62.434, 66.904
xyY	0.299, 0.339, 62.434
CIE-LCH	83.144, 10.573, 175.08
CIE-LUV	83.144, -14.177, 3.188
Hunter-Lab	79.015, -13.892, 5.108
Binary	10111010, 11010101, 11001101

#bad5cd
```
#bad5cd rgb(186,213,205)
```
#d5bac2
```
#d5bac2 rgb(213,186,194)
```

Complementary Color

#bad5c0
```
#bad5c0 rgb(186,213,192)
```
#bad5cd
```
#bad5cd rgb(186,213,205)
```
#bad0d5
```
#bad0d5 rgb(186,208,213)
```

Analogous Color

#d5c0ba
```
#d5c0ba rgb(213,192,186)
```
#bad5cd
```
#bad5cd rgb(186,213,205)
```
#d5bad0
```
#d5bad0 rgb(213,186,208)
```

Split Complementary Color

#d5cdba
```
#d5cdba rgb(213,205,186)
```
#bad5cd
```
#bad5cd rgb(186,213,205)
```
#cdbad5
```
#cdbad5 rgb(205,186,213)
```

Triadic Color

#c2d5ba
```
#c2d5ba rgb(194,213,186)
```
#bad5cd
```
#bad5cd rgb(186,213,205)
```
#cdbad5
```
#cdbad5 rgb(205,186,213)
```
#d5bac2
```
#d5bac2 rgb(213,186,194)
```

Tetradic Color

#8ab8ab
```
#8ab8ab rgb(138,184,171)
```
#9ac2b6
```
#9ac2b6 rgb(154,194,182)
```
#aacbc2
```
#aacbc2 rgb(170,203,194)
```
#bad5cd
```
#bad5cd rgb(186,213,205)
```
#cadfd8
```
#cadfd8 rgb(202,223,216)
```
#dae8e4
```
#dae8e4 rgb(218,232,228)
```
#eaf2ef
```
#eaf2ef rgb(234,242,239)
```

Monochromatic Color

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

#bad5c6
```
#bad5c6 rgb(186,213,198)
```
#bad5c9
```
#bad5c9 rgb(186,213,201)
```
#bad5cb
```
#bad5cb rgb(186,213,203)
```
#bad5cd
```
#bad5cd rgb(186,213,205)
```
#bad5cf
```
#bad5cf rgb(186,213,207)
```
#bad5d2
```
#bad5d2 rgb(186,213,210)
```
#bad5d4
```
#bad5d4 rgb(186,213,212)
```

Similar Colors

Text with hexadecimal color #bad5cd

This text has a font color of #bad5cd.

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

#bad5cd background color

This paragraph has a background color of #bad5cd.

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

#bad5cd border color

This element has a border color of #bad5cd.

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

CSS codes

.text {color:#bad5cd;}

.background {background-color:#bad5cd;}

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

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

#030404
```
#030404 rgb(3,4,4)
```
#0a100e
```
#0a100e rgb(10,16,14)
```
#111d19
```
#111d19 rgb(17,29,25)
```
#192924
```
#192924 rgb(25,41,36)
```
#20352f
```
#20352f rgb(32,53,47)
```
#28413a
```
#28413a rgb(40,65,58)
```
#2f4d44
```
#2f4d44 rgb(47,77,68)
```
#365a4f
```
#365a4f rgb(54,90,79)
```
#3e665a
```
#3e665a rgb(62,102,90)
```
#457265
```
#457265 rgb(69,114,101)
```
#4d7e6f
```
#4d7e6f rgb(77,126,111)
```
#548a7a
```
#548a7a rgb(84,138,122)
```
#5c9685
```
#5c9685 rgb(92,150,133)
```

Shade Color Variation

#65a18f
```
#65a18f rgb(101,161,143)
```
#71a898
```
#71a898 rgb(113,168,152)
```
#7db0a1
```
#7db0a1 rgb(125,176,161)
```
#89b7aa
```
#89b7aa rgb(137,183,170)
```
#95bfb2
```
#95bfb2 rgb(149,191,178)
```
#a2c6bb
```
#a2c6bb rgb(162,198,187)
```
#aecec4
```
#aecec4 rgb(174,206,196)
```
#bad5cd
```
#bad5cd rgb(186,213,205)
```
#c6dcd6
```
#c6dcd6 rgb(198,220,214)
```
#d2e4df
```
#d2e4df rgb(210,228,223)
```
#dfebe8
```
#dfebe8 rgb(223,235,232)
```
#ebf3f0
```
#ebf3f0 rgb(235,243,240)
```
#f7faf9
```
#f7faf9 rgb(247,250,249)
```

Tint Color Variation

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

#c7c8c8
```
#c7c8c8 rgb(199,200,200)
```
#c3ccca
```
#c3ccca rgb(195,204,202)
```
#bed1cb
```
#bed1cb rgb(190,209,203)
```
#bad5cd
```
#bad5cd rgb(186,213,205)
```
#b6d9cf
```
#b6d9cf rgb(182,217,207)
```
#b1ded0
```
#b1ded0 rgb(177,222,208)
```
#ade2d2
```
#ade2d2 rgb(173,226,210)
```
#a9e6d4
```
#a9e6d4 rgb(169,230,212)
```
#a5ead6
```
#a5ead6 rgb(165,234,214)
```
#a0efd7
```
#a0efd7 rgb(160,239,215)
```
#9cf3d9
```
#9cf3d9 rgb(156,243,217)
```
#98f7db
```
#98f7db rgb(152,247,219)
```
#94fbdd
```
#94fbdd rgb(148,251,221)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c8cecc Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6d0cc Protanopia 1% of men
#e3cbd3 Deuteranopia 1% of men
#c1d4e3 Tritanopia 0.001% of the population

Trichromacy

#ccd2cc Protanomaly 1% of men, 0.01% of women
#d4ced1 Deuteranomaly 6% of men, 0.4% of women
#bed4db Tritanomaly 0.01% of the population

#bad5cd hex color

#bad5cd Color Information

#bad5cd Color Conversion

Color Schemes with #bad5cd

Alternatives to #bad5cd

#bad5cd Preview

Shades and Tints of #bad5cd

Tones of #bad5cd

Color Blindness Simulator