#bad3bc hex color

In a RGB color space, hex #bad3bc is composed of 72.9% red, 82.7% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 11.8% cyan, 0% magenta, 10.9% yellow and 17.3% black. It has a hue angle of 124.8 degrees, a saturation of 22.1% and a lightness of 77.8%. #bad3bc color hex could be obtained by blending #ffffff with #75a779. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 73
- G 83
- B 74
RGB color chart
- C 12
- M 0
- Y 11
- K 17
CMYK color chart

● #bad3bc color description : Grayish lime green.

The hexadecimal color #bad3bc has RGB values of R:186, G:211, B:188 and CMYK values of C:0.12, M:0, Y:0.11, K:0.17. Its decimal value is 12243900.

Hex triplet	bad3bc	`#bad3bc`
RGB Decimal	186, 211, 188	`rgb(186,211,188)`
RGB Percent	72.9, 82.7, 73.7	`rgb(72.9%,82.7%,73.7%)`
CMYK	12, 0, 11, 17
HSL	124.8°, 22.1, 77.8	`hsl(124.8,22.1%,77.8%)`
HSV (or HSB)	124.8°, 11.8, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.194, -12.697, 8.575
XYZ	52.619, 60.658, 56.51
xyY	0.31, 0.357, 60.658
CIE-LCH	82.194, 15.321, 145.966
CIE-LUV	82.194, -12.725, 14.872
Hunter-Lab	77.883, -15.698, 11.499
Binary	10111010, 11010011, 10111100

#bad3bc
```
#bad3bc rgb(186,211,188)
```
#d3bad1
```
#d3bad1 rgb(211,186,209)
```

Complementary Color

#c5d3ba
```
#c5d3ba rgb(197,211,186)
```
#bad3bc
```
#bad3bc rgb(186,211,188)
```
#bad3c9
```
#bad3c9 rgb(186,211,201)
```

Analogous Color

#d3bac5
```
#d3bac5 rgb(211,186,197)
```
#bad3bc
```
#bad3bc rgb(186,211,188)
```
#c9bad3
```
#c9bad3 rgb(201,186,211)
```

Split Complementary Color

#d3bcba
```
#d3bcba rgb(211,188,186)
```
#bad3bc
```
#bad3bc rgb(186,211,188)
```
#bcbad3
```
#bcbad3 rgb(188,186,211)
```

Triadic Color

#d1d3ba
```
#d1d3ba rgb(209,211,186)
```
#bad3bc
```
#bad3bc rgb(186,211,188)
```
#bcbad3
```
#bcbad3 rgb(188,186,211)
```
#d3bad1
```
#d3bad1 rgb(211,186,209)
```

Tetradic Color

#8bb58f
```
#8bb58f rgb(139,181,143)
```
#9bbf9e
```
#9bbf9e rgb(155,191,158)
```
#aac9ad
```
#aac9ad rgb(170,201,173)
```
#bad3bc
```
#bad3bc rgb(186,211,188)
```
#caddcb
```
#caddcb rgb(202,221,203)
```
#d9e7da
```
#d9e7da rgb(217,231,218)
```
#e9f1e9
```
#e9f1e9 rgb(233,241,233)
```

Monochromatic Color

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

#bed3ba
```
#bed3ba rgb(190,211,186)
```
#bcd3ba
```
#bcd3ba rgb(188,211,186)
```
#bad3ba
```
#bad3ba rgb(186,211,186)
```
#bad3bc
```
#bad3bc rgb(186,211,188)
```
#bad3be
```
#bad3be rgb(186,211,190)
```
#bad3c0
```
#bad3c0 rgb(186,211,192)
```
#bad3c2
```
#bad3c2 rgb(186,211,194)
```

Similar Colors

Text with hexadecimal color #bad3bc

This text has a font color of #bad3bc.

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

#bad3bc background color

This paragraph has a background color of #bad3bc.

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

#bad3bc border color

This element has a border color of #bad3bc.

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

CSS codes

.text {color:#bad3bc;}

.background {background-color:#bad3bc;}

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

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

#020302
```
#020302 rgb(2,3,2)
```
#090f0a
```
#090f0a rgb(9,15,10)
```
#111b12
```
#111b12 rgb(17,27,18)
```
#19271a
```
#19271a rgb(25,39,26)
```
#203322
```
#203322 rgb(32,51,34)
```
#283f2a
```
#283f2a rgb(40,63,42)
```
#304b32
```
#304b32 rgb(48,75,50)
```
#37573a
```
#37573a rgb(55,87,58)
```
#3f6342
```
#3f6342 rgb(63,99,66)
```
#476f4a
```
#476f4a rgb(71,111,74)
```
#4e7b52
```
#4e7b52 rgb(78,123,82)
```
#56875a
```
#56875a rgb(86,135,90)
```
#5d9362
```
#5d9362 rgb(93,147,98)
```

Shade Color Variation

#669e6b
```
#669e6b rgb(102,158,107)
```
#72a576
```
#72a576 rgb(114,165,118)
```
#7ead82
```
#7ead82 rgb(126,173,130)
```
#8ab48d
```
#8ab48d rgb(138,180,141)
```
#96bc99
```
#96bc99 rgb(150,188,153)
```
#a2c4a5
```
#a2c4a5 rgb(162,196,165)
```
#aecbb0
```
#aecbb0 rgb(174,203,176)
```
#bad3bc
```
#bad3bc rgb(186,211,188)
```
#c6dbc8
```
#c6dbc8 rgb(198,219,200)
```
#d2e2d3
```
#d2e2d3 rgb(210,226,211)
```
#deeadf
```
#deeadf rgb(222,234,223)
```
#eaf2eb
```
#eaf2eb rgb(234,242,235)
```
#f6f9f6
```
#f6f9f6 rgb(246,249,246)
```

Tint Color Variation

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

#c3cac3
```
#c3cac3 rgb(195,202,195)
```
#becfc0
```
#becfc0 rgb(190,207,192)
```
#bad3bc
```
#bad3bc rgb(186,211,188)
```
#b6d7b8
```
#b6d7b8 rgb(182,215,184)
```
#b1dcb5
```
#b1dcb5 rgb(177,220,181)
```
#ade0b1
```
#ade0b1 rgb(173,224,177)
```
#a9e4ad
```
#a9e4ad rgb(169,228,173)
```
#a4e9aa
```
#a4e9aa rgb(164,233,170)
```
#a0eda6
```
#a0eda6 rgb(160,237,166)
```
#9cf1a2
```
#9cf1a2 rgb(156,241,162)
```
#97f69f
```
#97f69f rgb(151,246,159)
```
#93fa9b
```
#93fa9b rgb(147,250,155)
```
#8ffe97
```
#8ffe97 rgb(143,254,151)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c6cbc6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7cebc Protanopia 1% of men
#e6c8c3 Deuteranopia 1% of men
#c3d0df Tritanopia 0.001% of the population

Trichromacy

#ccd0bc Protanomaly 1% of men, 0.01% of women
#d6ccc0 Deuteranomaly 6% of men, 0.4% of women
#c0d1d2 Tritanomaly 0.01% of the population

#bad3bc hex color

#bad3bc Color Information

#bad3bc Color Conversion

Color Schemes with #bad3bc

Alternatives to #bad3bc

#bad3bc Preview

Shades and Tints of #bad3bc

Tones of #bad3bc

Color Blindness Simulator