#bad7cc hex color

In a RGB color space, hex #bad7cc is composed of 72.9% red, 84.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 13.5% cyan, 0% magenta, 5.1% yellow and 15.7% black. It has a hue angle of 157.2 degrees, a saturation of 26.6% and a lightness of 78.6%. #bad7cc color hex could be obtained by blending #ffffff with #75af99. Closest websafe color is: #cccccc.

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

● #bad7cc color description : Grayish cyan - lime green.

The hexadecimal color #bad7cc has RGB values of R:186, G:215, B:204 and CMYK values of C:0.13, M:0, Y:0.05, K:0.16. Its decimal value is 12244940.

Hex triplet	bad7cc	`#bad7cc`
RGB Decimal	186, 215, 204	`rgb(186,215,204)`
RGB Percent	72.9, 84.3, 80	`rgb(72.9%,84.3%,80%)`
CMYK	13, 0, 5, 16
HSL	157.2°, 26.6, 78.6	`hsl(157.2,26.6%,78.6%)`
HSV (or HSB)	157.2°, 13.5, 84.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	83.652, -11.751, 2.177
XYZ	55.447, 63.399, 66.439
xyY	0.299, 0.342, 63.399
CIE-LCH	83.652, 11.951, 169.504
CIE-LUV	83.652, -15.113, 5.316
Hunter-Lab	79.623, -15.04, 6.263
Binary	10111010, 11010111, 11001100

#bad7cc
```
#bad7cc rgb(186,215,204)
```
#d7bac5
```
#d7bac5 rgb(215,186,197)
```

Complementary Color

#bad7be
```
#bad7be rgb(186,215,190)
```
#bad7cc
```
#bad7cc rgb(186,215,204)
```
#bad4d7
```
#bad4d7 rgb(186,212,215)
```

Analogous Color

#d7beba
```
#d7beba rgb(215,190,186)
```
#bad7cc
```
#bad7cc rgb(186,215,204)
```
#d7bad4
```
#d7bad4 rgb(215,186,212)
```

Split Complementary Color

#d7ccba
```
#d7ccba rgb(215,204,186)
```
#bad7cc
```
#bad7cc rgb(186,215,204)
```
#ccbad7
```
#ccbad7 rgb(204,186,215)
```

Triadic Color

#c5d7ba
```
#c5d7ba rgb(197,215,186)
```
#bad7cc
```
#bad7cc rgb(186,215,204)
```
#ccbad7
```
#ccbad7 rgb(204,186,215)
```
#d7bac5
```
#d7bac5 rgb(215,186,197)
```

Tetradic Color

#8abba8
```
#8abba8 rgb(138,187,168)
```
#9ac4b4
```
#9ac4b4 rgb(154,196,180)
```
#aacec0
```
#aacec0 rgb(170,206,192)
```
#bad7cc
```
#bad7cc rgb(186,215,204)
```
#cae0d8
```
#cae0d8 rgb(202,224,216)
```
#daeae4
```
#daeae4 rgb(218,234,228)
```
#eaf3f0
```
#eaf3f0 rgb(234,243,240)
```

Monochromatic Color

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

#bad7c5
```
#bad7c5 rgb(186,215,197)
```
#bad7c7
```
#bad7c7 rgb(186,215,199)
```
#bad7ca
```
#bad7ca rgb(186,215,202)
```
#bad7cc
```
#bad7cc rgb(186,215,204)
```
#bad7ce
```
#bad7ce rgb(186,215,206)
```
#bad7d1
```
#bad7d1 rgb(186,215,209)
```
#bad7d3
```
#bad7d3 rgb(186,215,211)
```

Similar Colors

Text with hexadecimal color #bad7cc

This text has a font color of #bad7cc.

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

#bad7cc background color

This paragraph has a background color of #bad7cc.

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

#bad7cc border color

This element has a border color of #bad7cc.

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

CSS codes

.text {color:#bad7cc;}

.background {background-color:#bad7cc;}

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

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

#030605
```
#030605 rgb(3,6,5)
```
#0a120f
```
#0a120f rgb(10,18,15)
```
#121e1a
```
#121e1a rgb(18,30,26)
```
#192b24
```
#192b24 rgb(25,43,36)
```
#20372e
```
#20372e rgb(32,55,46)
```
#274439
```
#274439 rgb(39,68,57)
```
#2e5043
```
#2e5043 rgb(46,80,67)
```
#365c4e
```
#365c4e rgb(54,92,78)
```
#3d6958
```
#3d6958 rgb(61,105,88)
```
#447563
```
#447563 rgb(68,117,99)
```
#4b826d
```
#4b826d rgb(75,130,109)
```
#528e77
```
#528e77 rgb(82,142,119)
```
#5a9b82
```
#5a9b82 rgb(90,155,130)
```

Shade Color Variation

#63a58c
```
#63a58c rgb(99,165,140)
```
#6fac95
```
#6fac95 rgb(111,172,149)
```
#7cb39e
```
#7cb39e rgb(124,179,158)
```
#88baa7
```
#88baa7 rgb(136,186,167)
```
#95c1b0
```
#95c1b0 rgb(149,193,176)
```
#a1c9ba
```
#a1c9ba rgb(161,201,186)
```
#aed0c3
```
#aed0c3 rgb(174,208,195)
```
#bad7cc
```
#bad7cc rgb(186,215,204)
```
#c6ded5
```
#c6ded5 rgb(198,222,213)
```
#d3e5de
```
#d3e5de rgb(211,229,222)
```
#dfede8
```
#dfede8 rgb(223,237,232)
```
#ecf4f1
```
#ecf4f1 rgb(236,244,241)
```
#f8fbfa
```
#f8fbfa rgb(248,251,250)
```

Tint Color Variation

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

#c7cac9
```
#c7cac9 rgb(199,202,201)
```
#c2cfca
```
#c2cfca rgb(194,207,202)
```
#bed3cb
```
#bed3cb rgb(190,211,203)
```
#bad7cc
```
#bad7cc rgb(186,215,204)
```
#b6dbcd
```
#b6dbcd rgb(182,219,205)
```
#b2dfce
```
#b2dfce rgb(178,223,206)
```
#ade4cf
```
#ade4cf rgb(173,228,207)
```
#a9e8d0
```
#a9e8d0 rgb(169,232,208)
```
#a5ecd1
```
#a5ecd1 rgb(165,236,209)
```
#a1f0d2
```
#a1f0d2 rgb(161,240,210)
```
#9df4d3
```
#9df4d3 rgb(157,244,211)
```
#98f9d4
```
#98f9d4 rgb(152,249,212)
```
#94fdd5
```
#94fdd5 rgb(148,253,213)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c9cfcd Atypical Achromatopsia 0.001% of the population

Dichromacy

#d8d2cb Protanopia 1% of men
#e6ccd2 Deuteranopia 1% of men
#c2d5e4 Tritanopia 0.001% of the population

Trichromacy

#cdd3cb Protanomaly 1% of men, 0.01% of women
#d6d0d0 Deuteranomaly 6% of men, 0.4% of women
#bfd6db Tritanomaly 0.01% of the population

#bad7cc hex color

#bad7cc Color Information

#bad7cc Color Conversion

Color Schemes with #bad7cc

Alternatives to #bad7cc

#bad7cc Preview

Shades and Tints of #bad7cc

Tones of #bad7cc

Color Blindness Simulator