#baddd5 hex color

In a RGB color space, hex #baddd5 is composed of 72.9% red, 86.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 3.6% yellow and 13.3% black. It has a hue angle of 166.3 degrees, a saturation of 34% and a lightness of 79.8%. #baddd5 color hex could be obtained by blending #ffffff with #75bbab. Closest websafe color is: #cccccc.

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

● #baddd5 color description : Light grayish cyan.

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

Hex triplet	baddd5	`#baddd5`
RGB Decimal	186, 221, 213	`rgb(186,221,213)`
RGB Percent	72.9, 86.7, 83.5	`rgb(72.9%,86.7%,83.5%)`
CMYK	16, 0, 4, 13
HSL	166.3°, 34, 79.8	`hsl(166.3,34%,79.8%)`
HSV (or HSB)	166.3°, 15.8, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.481, -13.044, 0.075
XYZ	58.114, 66.955, 72.809
xyY	0.294, 0.338, 66.955
CIE-LCH	85.481, 13.044, 179.671
CIE-LUV	85.481, -18.177, 2.359
Hunter-Lab	81.826, -16.423, 4.522
Binary	10111010, 11011101, 11010101

#baddd5
```
#baddd5 rgb(186,221,213)
```
#ddbac2
```
#ddbac2 rgb(221,186,194)
```

Complementary Color

#baddc4
```
#baddc4 rgb(186,221,196)
```
#baddd5
```
#baddd5 rgb(186,221,213)
```
#bad4dd
```
#bad4dd rgb(186,212,221)
```

Analogous Color

#ddc4ba
```
#ddc4ba rgb(221,196,186)
```
#baddd5
```
#baddd5 rgb(186,221,213)
```
#ddbad4
```
#ddbad4 rgb(221,186,212)
```

Split Complementary Color

#ddd5ba
```
#ddd5ba rgb(221,213,186)
```
#baddd5
```
#baddd5 rgb(186,221,213)
```
#d5badd
```
#d5badd rgb(213,186,221)
```

Triadic Color

#c2ddba
```
#c2ddba rgb(194,221,186)
```
#baddd5
```
#baddd5 rgb(186,221,213)
```
#d5badd
```
#d5badd rgb(213,186,221)
```
#ddbac2
```
#ddbac2 rgb(221,186,194)
```

Tetradic Color

#87c4b6
```
#87c4b6 rgb(135,196,182)
```
#98ccc0
```
#98ccc0 rgb(152,204,192)
```
#a9d5cb
```
#a9d5cb rgb(169,213,203)
```
#baddd5
```
#baddd5 rgb(186,221,213)
```
#cbe5df
```
#cbe5df rgb(203,229,223)
```
#dceeea
```
#dceeea rgb(220,238,234)
```
#edf6f4
```
#edf6f4 rgb(237,246,244)
```

Monochromatic Color

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

#baddcc
```
#baddcc rgb(186,221,204)
```
#baddcf
```
#baddcf rgb(186,221,207)
```
#baddd2
```
#baddd2 rgb(186,221,210)
```
#baddd5
```
#baddd5 rgb(186,221,213)
```
#baddd8
```
#baddd8 rgb(186,221,216)
```
#badddb
```
#badddb rgb(186,221,219)
```
#badcdd
```
#badcdd rgb(186,220,221)
```

Similar Colors

Text with hexadecimal color #baddd5

This text has a font color of #baddd5.

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

#baddd5 background color

This paragraph has a background color of #baddd5.

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

#baddd5 border color

This element has a border color of #baddd5.

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

CSS codes

.text {color:#baddd5;}

.background {background-color:#baddd5;}

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

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

#050a09
```
#050a09 rgb(5,10,9)
```
#0b1714
```
#0b1714 rgb(11,23,20)
```
#122420
```
#122420 rgb(18,36,32)
```
#18312c
```
#18312c rgb(24,49,44)
```
#1f3e37
```
#1f3e37 rgb(31,62,55)
```
#254c43
```
#254c43 rgb(37,76,67)
```
#2c594e
```
#2c594e rgb(44,89,78)
```
#32665a
```
#32665a rgb(50,102,90)
```
#397366
```
#397366 rgb(57,115,102)
```
#3f8071
```
#3f8071 rgb(63,128,113)
```
#468d7d
```
#468d7d rgb(70,141,125)
```
#4c9a88
```
#4c9a88 rgb(76,154,136)
```
#53a894
```
#53a894 rgb(83,168,148)
```

Shade Color Variation

#5eb09d
```
#5eb09d rgb(94,176,157)
```
#6bb6a5
```
#6bb6a5 rgb(107,182,165)
```
#78bdad
```
#78bdad rgb(120,189,173)
```
#85c3b5
```
#85c3b5 rgb(133,195,181)
```
#93cabd
```
#93cabd rgb(147,202,189)
```
#a0d0c5
```
#a0d0c5 rgb(160,208,197)
```
#add7cd
```
#add7cd rgb(173,215,205)
```
#baddd5
```
#baddd5 rgb(186,221,213)
```
#c7e3dd
```
#c7e3dd rgb(199,227,221)
```
#d4eae5
```
#d4eae5 rgb(212,234,229)
```
#e1f0ed
```
#e1f0ed rgb(225,240,237)
```
#eff7f5
```
#eff7f5 rgb(239,247,245)
```
#fcfdfd
```
#fcfdfd rgb(252,253,253)
```

Tint Color Variation

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

#cacdcc
```
#cacdcc rgb(202,205,204)
```
#c6d1cf
```
#c6d1cf rgb(198,209,207)
```
#c2d5d1
```
#c2d5d1 rgb(194,213,209)
```
#bed9d3
```
#bed9d3 rgb(190,217,211)
```
#baddd5
```
#baddd5 rgb(186,221,213)
```
#b6e1d7
```
#b6e1d7 rgb(182,225,215)
```
#b2e5d9
```
#b2e5d9 rgb(178,229,217)
```
#aee9db
```
#aee9db rgb(174,233,219)
```
#aaedde
```
#aaedde rgb(170,237,222)
```
#a6f1e0
```
#a6f1e0 rgb(166,241,224)
```
#a2f5e2
```
#a2f5e2 rgb(162,245,226)
```
#9ef9e4
```
#9ef9e4 rgb(158,249,228)
```
#9afde6
```
#9afde6 rgb(154,253,230)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#cfd9d3 Protanomaly 1% of men, 0.01% of women
#d8d5d9 Deuteranomaly 6% of men, 0.4% of women
#bfdce3 Tritanomaly 0.01% of the population

#baddd5 hex color

#baddd5 Color Information

#baddd5 Color Conversion

Color Schemes with #baddd5

Alternatives to #baddd5

#baddd5 Preview

Shades and Tints of #baddd5

Tones of #baddd5

Color Blindness Simulator