#badbcc hex color

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

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

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

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

Hex triplet	badbcc	`#badbcc`
RGB Decimal	186, 219, 204	`rgb(186,219,204)`
RGB Percent	72.9, 85.9, 80	`rgb(72.9%,85.9%,80%)`
CMYK	15, 0, 7, 14
HSL	152.7°, 31.4, 79.4	`hsl(152.7,31.4%,79.4%)`
HSV (or HSB)	152.7°, 15.1, 85.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	84.721, -13.785, 3.728
XYZ	56.478, 65.461, 66.783
xyY	0.299, 0.347, 65.461
CIE-LCH	84.721, 14.28, 164.867
CIE-LUV	84.721, -17.035, 8.002
Hunter-Lab	80.908, -16.986, 7.696
Binary	10111010, 11011011, 11001100

#badbcc
```
#badbcc rgb(186,219,204)
```
#dbbac9
```
#dbbac9 rgb(219,186,201)
```

Complementary Color

#badbbc
```
#badbbc rgb(186,219,188)
```
#badbcc
```
#badbcc rgb(186,219,204)
```
#badadb
```
#badadb rgb(186,218,219)
```

Analogous Color

#dbbcba
```
#dbbcba rgb(219,188,186)
```
#badbcc
```
#badbcc rgb(186,219,204)
```
#dbbada
```
#dbbada rgb(219,186,218)
```

Split Complementary Color

#dbccba
```
#dbccba rgb(219,204,186)
```
#badbcc
```
#badbcc rgb(186,219,204)
```
#ccbadb
```
#ccbadb rgb(204,186,219)
```

Triadic Color

#c9dbba
```
#c9dbba rgb(201,219,186)
```
#badbcc
```
#badbcc rgb(186,219,204)
```
#ccbadb
```
#ccbadb rgb(204,186,219)
```
#dbbac9
```
#dbbac9 rgb(219,186,201)
```

Tetradic Color

#88c1a7
```
#88c1a7 rgb(136,193,167)
```
#98cab3
```
#98cab3 rgb(152,202,179)
```
#a9d2c0
```
#a9d2c0 rgb(169,210,192)
```
#badbcc
```
#badbcc rgb(186,219,204)
```
#cbe4d8
```
#cbe4d8 rgb(203,228,216)
```
#dcece5
```
#dcece5 rgb(220,236,229)
```
#ecf5f1
```
#ecf5f1 rgb(236,245,241)
```

Monochromatic Color

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

#badbc4
```
#badbc4 rgb(186,219,196)
```
#badbc7
```
#badbc7 rgb(186,219,199)
```
#badbc9
```
#badbc9 rgb(186,219,201)
```
#badbcc
```
#badbcc rgb(186,219,204)
```
#badbcf
```
#badbcf rgb(186,219,207)
```
#badbd2
```
#badbd2 rgb(186,219,210)
```
#badbd4
```
#badbd4 rgb(186,219,212)
```

Similar Colors

Text with hexadecimal color #badbcc

This text has a font color of #badbcc.

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

#badbcc background color

This paragraph has a background color of #badbcc.

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

#badbcc border color

This element has a border color of #badbcc.

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

CSS codes

.text {color:#badbcc;}

.background {background-color:#badbcc;}

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

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

#040807
```
#040807 rgb(4,8,7)
```
#0b1511
```
#0b1511 rgb(11,21,17)
```
#12221b
```
#12221b rgb(18,34,27)
```
#192f25
```
#192f25 rgb(25,47,37)
```
#1f3c2f
```
#1f3c2f rgb(31,60,47)
```
#264939
```
#264939 rgb(38,73,57)
```
#2d5643
```
#2d5643 rgb(45,86,67)
```
#33634d
```
#33634d rgb(51,99,77)
```
#3a6f57
```
#3a6f57 rgb(58,111,87)
```
#417c61
```
#417c61 rgb(65,124,97)
```
#48896b
```
#48896b rgb(72,137,107)
```
#4e9675
```
#4e9675 rgb(78,150,117)
```
#55a380
```
#55a380 rgb(85,163,128)
```

Shade Color Variation

#60ac89
```
#60ac89 rgb(96,172,137)
```
#6db393
```
#6db393 rgb(109,179,147)
```
#7ab99c
```
#7ab99c rgb(122,185,156)
```
#86c0a6
```
#86c0a6 rgb(134,192,166)
```
#93c7af
```
#93c7af rgb(147,199,175)
```
#a0ceb9
```
#a0ceb9 rgb(160,206,185)
```
#add4c2
```
#add4c2 rgb(173,212,194)
```
#badbcc
```
#badbcc rgb(186,219,204)
```
#c7e2d6
```
#c7e2d6 rgb(199,226,214)
```
#d4e8df
```
#d4e8df rgb(212,232,223)
```
#e1efe9
```
#e1efe9 rgb(225,239,233)
```
#eef6f2
```
#eef6f2 rgb(238,246,242)
```
#fafdfc
```
#fafdfc rgb(250,253,252)
```

Tint Color Variation

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

#cacbcb
```
#cacbcb rgb(202,203,203)
```
#c6cfcb
```
#c6cfcb rgb(198,207,203)
```
#c2d3cb
```
#c2d3cb rgb(194,211,203)
```
#bed7cc
```
#bed7cc rgb(190,215,204)
```
#badbcc
```
#badbcc rgb(186,219,204)
```
#b6dfcc
```
#b6dfcc rgb(182,223,204)
```
#b2e3cd
```
#b2e3cd rgb(178,227,205)
```
#aee7cd
```
#aee7cd rgb(174,231,205)
```
#aaebcd
```
#aaebcd rgb(170,235,205)
```
#a6efce
```
#a6efce rgb(166,239,206)
```
#a2f3ce
```
#a2f3ce rgb(162,243,206)
```
#9ef7cf
```
#9ef7cf rgb(158,247,207)
```
#9afbcf
```
#9afbcf rgb(154,251,207)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd1ce Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcd4ca Protanopia 1% of men
#eacfd3 Deuteranopia 1% of men
#c3d8e8 Tritanopia 0.001% of the population

Trichromacy

#cfd7cb Protanomaly 1% of men, 0.01% of women
#d8d3d0 Deuteranomaly 6% of men, 0.4% of women
#bfd9de Tritanomaly 0.01% of the population

#badbcc hex color

#badbcc Color Information

#badbcc Color Conversion

Color Schemes with #badbcc

Alternatives to #badbcc

#badbcc Preview

Shades and Tints of #badbcc

Tones of #badbcc

Color Blindness Simulator