#badfd7 hex color

In a RGB color space, hex #badfd7 is composed of 72.9% red, 87.5% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 0% magenta, 3.6% yellow and 12.5% black. It has a hue angle of 167 degrees, a saturation of 36.6% and a lightness of 80.2%. #badfd7 color hex could be obtained by blending #ffffff with #75bfaf. Closest websafe color is: #cccccc.

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

● #badfd7 color description : Light grayish cyan.

The hexadecimal color #badfd7 has RGB values of R:186, G:223, B:215 and CMYK values of C:0.17, M:0, Y:0.04, K:0.13. Its decimal value is 12246999.

Hex triplet	badfd7	`#badfd7`
RGB Decimal	186, 223, 215	`rgb(186,223,215)`
RGB Percent	72.9, 87.5, 84.3	`rgb(72.9%,87.5%,84.3%)`
CMYK	17, 0, 4, 13
HSL	167°, 36.6, 80.2	`hsl(167,36.6%,80.2%)`
HSV (or HSB)	167°, 16.6, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	86.066, -13.659, -0.127
XYZ	58.9, 68.119, 74.331
xyY	0.293, 0.338, 68.119
CIE-LCH	86.066, 13.659, 180.533
CIE-LUV	86.066, -19.155, 2.155
Hunter-Lab	82.534, -17.05, 4.377
Binary	10111010, 11011111, 11010111

#badfd7
```
#badfd7 rgb(186,223,215)
```
#dfbac2
```
#dfbac2 rgb(223,186,194)
```

Complementary Color

#badfc5
```
#badfc5 rgb(186,223,197)
```
#badfd7
```
#badfd7 rgb(186,223,215)
```
#bad5df
```
#bad5df rgb(186,213,223)
```

Analogous Color

#dfc5ba
```
#dfc5ba rgb(223,197,186)
```
#badfd7
```
#badfd7 rgb(186,223,215)
```
#dfbad5
```
#dfbad5 rgb(223,186,213)
```

Split Complementary Color

#dfd7ba
```
#dfd7ba rgb(223,215,186)
```
#badfd7
```
#badfd7 rgb(186,223,215)
```
#d7badf
```
#d7badf rgb(215,186,223)
```

Triadic Color

#c2dfba
```
#c2dfba rgb(194,223,186)
```
#badfd7
```
#badfd7 rgb(186,223,215)
```
#d7badf
```
#d7badf rgb(215,186,223)
```
#dfbac2
```
#dfbac2 rgb(223,186,194)
```

Tetradic Color

#86c7b9
```
#86c7b9 rgb(134,199,185)
```
#97cfc3
```
#97cfc3 rgb(151,207,195)
```
#a9d7cd
```
#a9d7cd rgb(169,215,205)
```
#badfd7
```
#badfd7 rgb(186,223,215)
```
#cbe7e1
```
#cbe7e1 rgb(203,231,225)
```
#ddefeb
```
#ddefeb rgb(221,239,235)
```
#eef7f5
```
#eef7f5 rgb(238,247,245)
```

Monochromatic Color

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

#badfce
```
#badfce rgb(186,223,206)
```
#badfd1
```
#badfd1 rgb(186,223,209)
```
#badfd4
```
#badfd4 rgb(186,223,212)
```
#badfd7
```
#badfd7 rgb(186,223,215)
```
#badfda
```
#badfda rgb(186,223,218)
```
#badfdd
```
#badfdd rgb(186,223,221)
```
#badedf
```
#badedf rgb(186,222,223)
```

Similar Colors

Text with hexadecimal color #badfd7

This text has a font color of #badfd7.

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

#badfd7 background color

This paragraph has a background color of #badfd7.

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

#badfd7 border color

This element has a border color of #badfd7.

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

CSS codes

.text {color:#badfd7;}

.background {background-color:#badfd7;}

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

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

#050b0a
```
#050b0a rgb(5,11,10)
```
#0c1916
```
#0c1916 rgb(12,25,22)
```
#122622
```
#122622 rgb(18,38,34)
```
#18342e
```
#18342e rgb(24,52,46)
```
#1e4139
```
#1e4139 rgb(30,65,57)
```
#244e45
```
#244e45 rgb(36,78,69)
```
#2b5c51
```
#2b5c51 rgb(43,92,81)
```
#31695d
```
#31695d rgb(49,105,93)
```
#377769
```
#377769 rgb(55,119,105)
```
#3d8475
```
#3d8475 rgb(61,132,117)
```
#439181
```
#439181 rgb(67,145,129)
```
#4a9f8c
```
#4a9f8c rgb(74,159,140)
```
#50ac98
```
#50ac98 rgb(80,172,152)
```

Shade Color Variation

#5cb3a1
```
#5cb3a1 rgb(92,179,161)
```
#6abaa8
```
#6abaa8 rgb(106,186,168)
```
#77c0b0
```
#77c0b0 rgb(119,192,176)
```
#84c6b8
```
#84c6b8 rgb(132,198,184)
```
#92ccc0
```
#92ccc0 rgb(146,204,192)
```
#9fd3c7
```
#9fd3c7 rgb(159,211,199)
```
#add9cf
```
#add9cf rgb(173,217,207)
```
#badfd7
```
#badfd7 rgb(186,223,215)
```
#c7e5df
```
#c7e5df rgb(199,229,223)
```
#d5ebe7
```
#d5ebe7 rgb(213,235,231)
```
#e2f2ee
```
#e2f2ee rgb(226,242,238)
```
#f0f8f6
```
#f0f8f6 rgb(240,248,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#cacfce
```
#cacfce rgb(202,207,206)
```
#c6d3d0
```
#c6d3d0 rgb(198,211,208)
```
#c2d7d3
```
#c2d7d3 rgb(194,215,211)
```
#bedbd5
```
#bedbd5 rgb(190,219,213)
```
#badfd7
```
#badfd7 rgb(186,223,215)
```
#b6e3d9
```
#b6e3d9 rgb(182,227,217)
```
#b2e7db
```
#b2e7db rgb(178,231,219)
```
#aeebde
```
#aeebde rgb(174,235,222)
```
#aaefe0
```
#aaefe0 rgb(170,239,224)
```
#a7f2e2
```
#a7f2e2 rgb(167,242,226)
```
#a3f6e4
```
#a3f6e4 rgb(163,246,228)
```
#9ffae6
```
#9ffae6 rgb(159,250,230)
```
#9bfee9
```
#9bfee9 rgb(155,254,233)
```

Tone Color Variation

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

Dichromacy

#ddd8d4 Protanopia 1% of men
#ebd3dd Deuteranopia 1% of men
#c2dded Tritanopia 0.001% of the population

Trichromacy

#d0dad5 Protanomaly 1% of men, 0.01% of women
#d9d7db Deuteranomaly 6% of men, 0.4% of women
#bfdee5 Tritanomaly 0.01% of the population

#badfd7 hex color

#badfd7 Color Information

#badfd7 Color Conversion

Color Schemes with #badfd7

Alternatives to #badfd7

#badfd7 Preview

Shades and Tints of #badfd7

Tones of #badfd7

Color Blindness Simulator