#badbda hex color

In a RGB color space, hex #badbda is composed of 72.9% red, 85.9% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 15.1% cyan, 0% magenta, 0.5% yellow and 14.1% black. It has a hue angle of 178.2 degrees, a saturation of 31.4% and a lightness of 79.4%. #badbda color hex could be obtained by blending #ffffff with #75b7b5. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 86
- B 85
RGB color chart
- C 15
- M 0
- Y 0
- K 14
CMYK color chart

● #badbda color description : Light grayish cyan.

The hexadecimal color #badbda has RGB values of R:186, G:219, B:218 and CMYK values of C:0.15, M:0, Y:0, K:0.14. Its decimal value is 12245978.

Hex triplet	badbda	`#badbda`
RGB Decimal	186, 219, 218	`rgb(186,219,218)`
RGB Percent	72.9, 85.9, 85.5	`rgb(72.9%,85.9%,85.5%)`
CMYK	15, 0, 0, 14
HSL	178.2°, 31.4, 79.4	`hsl(178.2,31.4%,79.4%)`
HSV (or HSB)	178.2°, 15.1, 85.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.079, -11.021, -3.158
XYZ	58.233, 66.163, 76.028
xyY	0.291, 0.33, 66.163
CIE-LCH	85.079, 11.465, 195.992
CIE-LUV	85.079, -17.348, -2.962
Hunter-Lab	81.341, -14.554, 1.52
Binary	10111010, 11011011, 11011010

#badbda
```
#badbda rgb(186,219,218)
```
#dbbabb
```
#dbbabb rgb(219,186,187)
```

Complementary Color

#badbca
```
#badbca rgb(186,219,202)
```
#badbda
```
#badbda rgb(186,219,218)
```
#baccdb
```
#baccdb rgb(186,204,219)
```

Analogous Color

#dbcaba
```
#dbcaba rgb(219,202,186)
```
#badbda
```
#badbda rgb(186,219,218)
```
#dbbacc
```
#dbbacc rgb(219,186,204)
```

Split Complementary Color

#dbdaba
```
#dbdaba rgb(219,218,186)
```
#badbda
```
#badbda rgb(186,219,218)
```
#dabadb
```
#dabadb rgb(218,186,219)
```

Triadic Color

#bbdbba
```
#bbdbba rgb(187,219,186)
```
#badbda
```
#badbda rgb(186,219,218)
```
#dabadb
```
#dabadb rgb(218,186,219)
```
#dbbabb
```
#dbbabb rgb(219,186,187)
```

Tetradic Color

#88c1bf
```
#88c1bf rgb(136,193,191)
```
#98cac8
```
#98cac8 rgb(152,202,200)
```
#a9d2d1
```
#a9d2d1 rgb(169,210,209)
```
#badbda
```
#badbda rgb(186,219,218)
```
#cbe4e3
```
#cbe4e3 rgb(203,228,227)
```
#dcecec
```
#dcecec rgb(220,236,236)
```
#ecf5f5
```
#ecf5f5 rgb(236,245,245)
```

Monochromatic Color

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

#badbd2
```
#badbd2 rgb(186,219,210)
```
#badbd5
```
#badbd5 rgb(186,219,213)
```
#badbd7
```
#badbd7 rgb(186,219,215)
```
#badbda
```
#badbda rgb(186,219,218)
```
#bad9db
```
#bad9db rgb(186,217,219)
```
#bad7db
```
#bad7db rgb(186,215,219)
```
#bad4db
```
#bad4db rgb(186,212,219)
```

Similar Colors

Text with hexadecimal color #badbda

This text has a font color of #badbda.

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

#badbda background color

This paragraph has a background color of #badbda.

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

#badbda border color

This element has a border color of #badbda.

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

CSS codes

.text {color:#badbda;}

.background {background-color:#badbda;}

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

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

#040808
```
#040808 rgb(4,8,8)
```
#0b1515
```
#0b1515 rgb(11,21,21)
```
#122222
```
#122222 rgb(18,34,34)
```
#192f2e
```
#192f2e rgb(25,47,46)
```
#1f3c3b
```
#1f3c3b rgb(31,60,59)
```
#264948
```
#264948 rgb(38,73,72)
```
#2d5654
```
#2d5654 rgb(45,86,84)
```
#336361
```
#336361 rgb(51,99,97)
```
#3a6f6e
```
#3a6f6e rgb(58,111,110)
```
#417c7b
```
#417c7b rgb(65,124,123)
```
#488987
```
#488987 rgb(72,137,135)
```
#4e9694
```
#4e9694 rgb(78,150,148)
```
#55a3a1
```
#55a3a1 rgb(85,163,161)
```

Shade Color Variation

#60acaa
```
#60acaa rgb(96,172,170)
```
#6db3b1
```
#6db3b1 rgb(109,179,177)
```
#7ab9b7
```
#7ab9b7 rgb(122,185,183)
```
#86c0be
```
#86c0be rgb(134,192,190)
```
#93c7c5
```
#93c7c5 rgb(147,199,197)
```
#a0cecc
```
#a0cecc rgb(160,206,204)
```
#add4d3
```
#add4d3 rgb(173,212,211)
```
#badbda
```
#badbda rgb(186,219,218)
```
#c7e2e1
```
#c7e2e1 rgb(199,226,225)
```
#d4e8e8
```
#d4e8e8 rgb(212,232,232)
```
#e1efef
```
#e1efef rgb(225,239,239)
```
#eef6f6
```
#eef6f6 rgb(238,246,246)
```
#fafdfd
```
#fafdfd rgb(250,253,253)
```

Tint Color Variation

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

#cacbcb
```
#cacbcb rgb(202,203,203)
```
#c6cfcf
```
#c6cfcf rgb(198,207,207)
```
#c2d3d2
```
#c2d3d2 rgb(194,211,210)
```
#bed7d6
```
#bed7d6 rgb(190,215,214)
```
#badbda
```
#badbda rgb(186,219,218)
```
#b6dfde
```
#b6dfde rgb(182,223,222)
```
#b2e3e2
```
#b2e3e2 rgb(178,227,226)
```
#aee7e5
```
#aee7e5 rgb(174,231,229)
```
#aaebe9
```
#aaebe9 rgb(170,235,233)
```
#a6efed
```
#a6efed rgb(166,239,237)
```
#a2f3f1
```
#a2f3f1 rgb(162,243,241)
```
#9ef7f5
```
#9ef7f5 rgb(158,247,245)
```
#9afbf8
```
#9afbf8 rgb(154,251,248)
```

Tone Color Variation

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

Dichromacy

#d9d5d8 Protanopia 1% of men
#e6d0df Deuteranopia 1% of men
#c0daea Tritanopia 0.001% of the population

Trichromacy

#ced7d8 Protanomaly 1% of men, 0.01% of women
#d6d4dd Deuteranomaly 6% of men, 0.4% of women
#bedae4 Tritanomaly 0.01% of the population

#badbda hex color

#badbda Color Information

#badbda Color Conversion

Color Schemes with #badbda

Alternatives to #badbda

#badbda Preview

Shades and Tints of #badbda

Tones of #badbda

Color Blindness Simulator