colorhexa.com

#badfc5 hex color

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

- R 73
- G 87
- B 77
RGB color chart
- C 17
- M 0
- Y 12
- K 13
CMYK color chart

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

The hexadecimal color #badfc5 has RGB values of R:186, G:223, B:197 and CMYK values of C:0.17, M:0, Y:0.12, K:0.13. Its decimal value is 12246981.

Hex triplet	badfc5	`#badfc5`
RGB Decimal	186, 223, 197	`rgb(186,223,197)`
RGB Percent	72.9, 87.5, 77.3	`rgb(72.9%,87.5%,77.3%)`
CMYK	17, 0, 12, 13
HSL	137.8°, 36.6, 80.2	`hsl(137.8,36.6%,80.2%)`
HSV (or HSB)	137.8°, 16.6, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.627, -17.111, 8.729
XYZ	56.713, 67.245, 62.812
xyY	0.304, 0.36, 67.245
CIE-LCH	85.627, 19.208, 152.972
CIE-LUV	85.627, -18.824, 15.974
Hunter-Lab	82.003, -20.054, 11.987
Binary	10111010, 11011111, 11000101

#badfc5
```
#badfc5 rgb(186,223,197)
```
#dfbad4
```
#dfbad4 rgb(223,186,212)
```

Complementary Color

#c2dfba
```
#c2dfba rgb(194,223,186)
```
#badfc5
```
#badfc5 rgb(186,223,197)
```
#badfd8
```
#badfd8 rgb(186,223,216)
```

Analogous Color

#dfbac2
```
#dfbac2 rgb(223,186,194)
```
#badfc5
```
#badfc5 rgb(186,223,197)
```
#d8badf
```
#d8badf rgb(216,186,223)
```

Split Complementary Color

#dfc5ba
```
#dfc5ba rgb(223,197,186)
```
#badfc5
```
#badfc5 rgb(186,223,197)
```
#c5badf
```
#c5badf rgb(197,186,223)
```

Triadic Color

#d4dfba
```
#d4dfba rgb(212,223,186)
```
#badfc5
```
#badfc5 rgb(186,223,197)
```
#c5badf
```
#c5badf rgb(197,186,223)
```
#dfbad4
```
#dfbad4 rgb(223,186,212)
```

Tetradic Color

#86c799
```
#86c799 rgb(134,199,153)
```
#97cfa8
```
#97cfa8 rgb(151,207,168)
```
#a9d7b6
```
#a9d7b6 rgb(169,215,182)
```
#badfc5
```
#badfc5 rgb(186,223,197)
```
#cbe7d4
```
#cbe7d4 rgb(203,231,212)
```
#ddefe2
```
#ddefe2 rgb(221,239,226)
```
#eef7f1
```
#eef7f1 rgb(238,247,241)
```

Monochromatic Color

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

#badfbc
```
#badfbc rgb(186,223,188)
```
#badfbf
```
#badfbf rgb(186,223,191)
```
#badfc2
```
#badfc2 rgb(186,223,194)
```
#badfc5
```
#badfc5 rgb(186,223,197)
```
#badfc8
```
#badfc8 rgb(186,223,200)
```
#badfcb
```
#badfcb rgb(186,223,203)
```
#badfce
```
#badfce rgb(186,223,206)
```

Similar Colors

Text with hexadecimal color #badfc5

This text has a font color of #badfc5.

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

#badfc5 background color

This paragraph has a background color of #badfc5.

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

#badfc5 border color

This element has a border color of #badfc5.

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

CSS codes

.text {color:#badfc5;}

.background {background-color:#badfc5;}

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

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

#050b07
```
#050b07 rgb(5,11,7)
```
#0c190f
```
#0c190f rgb(12,25,15)
```
#122618
```
#122618 rgb(18,38,24)
```
#183420
```
#183420 rgb(24,52,32)
```
#1e4129
```
#1e4129 rgb(30,65,41)
```
#244e31
```
#244e31 rgb(36,78,49)
```
#2b5c39
```
#2b5c39 rgb(43,92,57)
```
#316942
```
#316942 rgb(49,105,66)
```
#37774a
```
#37774a rgb(55,119,74)
```
#3d8452
```
#3d8452 rgb(61,132,82)
```
#43915b
```
#43915b rgb(67,145,91)
```
#4a9f63
```
#4a9f63 rgb(74,159,99)
```
#50ac6b
```
#50ac6b rgb(80,172,107)
```

Shade Color Variation

#5cb376
```
#5cb376 rgb(92,179,118)
```
#6aba81
```
#6aba81 rgb(106,186,129)
```
#77c08d
```
#77c08d rgb(119,192,141)
```
#84c698
```
#84c698 rgb(132,198,152)
```
#92cca3
```
#92cca3 rgb(146,204,163)
```
#9fd3ae
```
#9fd3ae rgb(159,211,174)
```
#add9ba
```
#add9ba rgb(173,217,186)
```
#badfc5
```
#badfc5 rgb(186,223,197)
```
#c7e5d0
```
#c7e5d0 rgb(199,229,208)
```
#d5ebdc
```
#d5ebdc rgb(213,235,220)
```
#e2f2e7
```
#e2f2e7 rgb(226,242,231)
```
#f0f8f2
```
#f0f8f2 rgb(240,248,242)
```
#fdfefd
```
#fdfefd rgb(253,254,253)
```

Tint Color Variation

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

#cacfcb
```
#cacfcb rgb(202,207,203)
```
#c6d3ca
```
#c6d3ca rgb(198,211,202)
```
#c2d7c8
```
#c2d7c8 rgb(194,215,200)
```
#bedbc7
```
#bedbc7 rgb(190,219,199)
```
#badfc5
```
#badfc5 rgb(186,223,197)
```
#b6e3c3
```
#b6e3c3 rgb(182,227,195)
```
#b2e7c2
```
#b2e7c2 rgb(178,231,194)
```
#aeebc0
```
#aeebc0 rgb(174,235,192)
```
#aaefbf
```
#aaefbf rgb(170,239,191)
```
#a7f2bd
```
#a7f2bd rgb(167,242,189)
```
#a3f6bc
```
#a3f6bc rgb(163,246,188)
```
#9ffaba
```
#9ffaba rgb(159,250,186)
```
#9bfeb8
```
#9bfeb8 rgb(155,254,184)
```

Tone Color Variation

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

Dichromacy

#e0d7c3 Protanopia 1% of men
#f0d1cd Deuteranopia 1% of men
#c4dbeb Tritanopia 0.001% of the population

Trichromacy

#d2dac4 Protanomaly 1% of men, 0.01% of women
#dcd6ca Deuteranomaly 6% of men, 0.4% of women
#c0dcdd Tritanomaly 0.01% of the population