#badfb3 hex color

In a RGB color space, hex #badfb3 is composed of 72.9% red, 87.5% green and 70.2% blue. Whereas in a CMYK color space, it is composed of 16.6% cyan, 0% magenta, 19.7% yellow and 12.5% black. It has a hue angle of 110.5 degrees, a saturation of 40.7% and a lightness of 78.8%. #badfb3 color hex could be obtained by blending #ffffff with #75bf67. Closest websafe color is: #cccccc.

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

● #badfb3 color description : Light grayish lime green.

The hexadecimal color #badfb3 has RGB values of R:186, G:223, B:179 and CMYK values of C:0.17, M:0, Y:0.2, K:0.13. Its decimal value is 12246963.

Hex triplet	badfb3	`#badfb3`
RGB Decimal	186, 223, 179	`rgb(186,223,179)`
RGB Percent	72.9, 87.5, 70.2	`rgb(72.9%,87.5%,70.2%)`
CMYK	17, 0, 20, 13
HSL	110.5°, 40.7, 78.8	`hsl(110.5,40.7%,78.8%)`
HSV (or HSB)	110.5°, 19.7, 87.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	85.235, -20.276, 17.623
XYZ	54.772, 66.468, 52.589
xyY	0.315, 0.382, 66.468
CIE-LCH	85.235, 26.865, 139.004
CIE-LUV	85.235, -18.515, 29.068
Hunter-Lab	81.528, -22.754, 18.825
Binary	10111010, 11011111, 10110011

#badfb3
```
#badfb3 rgb(186,223,179)
```
#d8b3df
```
#d8b3df rgb(216,179,223)
```

Complementary Color

#d0dfb3
```
#d0dfb3 rgb(208,223,179)
```
#badfb3
```
#badfb3 rgb(186,223,179)
```
#b3dfc2
```
#b3dfc2 rgb(179,223,194)
```

Analogous Color

#dfb3d0
```
#dfb3d0 rgb(223,179,208)
```
#badfb3
```
#badfb3 rgb(186,223,179)
```
#c2b3df
```
#c2b3df rgb(194,179,223)
```

Split Complementary Color

#dfb3ba
```
#dfb3ba rgb(223,179,186)
```
#badfb3
```
#badfb3 rgb(186,223,179)
```
#b3badf
```
#b3badf rgb(179,186,223)
```

Triadic Color

#dfd8b3
```
#dfd8b3 rgb(223,216,179)
```
#badfb3
```
#badfb3 rgb(186,223,179)
```
#b3badf
```
#b3badf rgb(179,186,223)
```
#d8b3df
```
#d8b3df rgb(216,179,223)
```

Tetradic Color

#89c87d
```
#89c87d rgb(137,200,125)
```
#99d08f
```
#99d08f rgb(153,208,143)
```
#aad7a1
```
#aad7a1 rgb(170,215,161)
```
#badfb3
```
#badfb3 rgb(186,223,179)
```
#cae7c5
```
#cae7c5 rgb(202,231,197)
```
#dbeed7
```
#dbeed7 rgb(219,238,215)
```
#ebf6e9
```
#ebf6e9 rgb(235,246,233)
```

Monochromatic Color

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

#c5dfb3
```
#c5dfb3 rgb(197,223,179)
```
#c1dfb3
```
#c1dfb3 rgb(193,223,179)
```
#bedfb3
```
#bedfb3 rgb(190,223,179)
```
#badfb3
```
#badfb3 rgb(186,223,179)
```
#b6dfb3
```
#b6dfb3 rgb(182,223,179)
```
#b3dfb3
```
#b3dfb3 rgb(179,223,179)
```
#b3dfb7
```
#b3dfb7 rgb(179,223,183)
```

Similar Colors

Text with hexadecimal color #badfb3

This text has a font color of #badfb3.

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

#badfb3 background color

This paragraph has a background color of #badfb3.

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

#badfb3 border color

This element has a border color of #badfb3.

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

CSS codes

.text {color:#badfb3;}

.background {background-color:#badfb3;}

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

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

#040703
```
#040703 rgb(4,7,3)
```
#0b1509
```
#0b1509 rgb(11,21,9)
```
#12220e
```
#12220e rgb(18,34,14)
```
#193014
```
#193014 rgb(25,48,20)
```
#203e1a
```
#203e1a rgb(32,62,26)
```
#274c20
```
#274c20 rgb(39,76,32)
```
#2e5a26
```
#2e5a26 rgb(46,90,38)
```
#35672c
```
#35672c rgb(53,103,44)
```
#3c7531
```
#3c7531 rgb(60,117,49)
```
#438337
```
#438337 rgb(67,131,55)
```
#4a913d
```
#4a913d rgb(74,145,61)
```
#519f43
```
#519f43 rgb(81,159,67)
```
#59ac49
```
#59ac49 rgb(89,172,73)
```

Shade Color Variation

#62b652
```
#62b652 rgb(98,182,82)
```
#6fbc60
```
#6fbc60 rgb(111,188,96)
```
#7bc26e
```
#7bc26e rgb(123,194,110)
```
#88c87c
```
#88c87c rgb(136,200,124)
```
#94ce8a
```
#94ce8a rgb(148,206,138)
```
#a1d397
```
#a1d397 rgb(161,211,151)
```
#add9a5
```
#add9a5 rgb(173,217,165)
```
#badfb3
```
#badfb3 rgb(186,223,179)
```
#c7e5c1
```
#c7e5c1 rgb(199,229,193)
```
#d3ebcf
```
#d3ebcf rgb(211,235,207)
```
#e0f0dc
```
#e0f0dc rgb(224,240,220)
```
#ecf6ea
```
#ecf6ea rgb(236,246,234)
```
#f9fcf8
```
#f9fcf8 rgb(249,252,248)
```

Tint Color Variation

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

#c8cac8
```
#c8cac8 rgb(200,202,200)
```
#c5cec4
```
#c5cec4 rgb(197,206,196)
```
#c2d3bf
```
#c2d3bf rgb(194,211,191)
```
#c0d7bb
```
#c0d7bb rgb(192,215,187)
```
#bddbb7
```
#bddbb7 rgb(189,219,183)
```
#badfb3
```
#badfb3 rgb(186,223,179)
```
#b7e3af
```
#b7e3af rgb(183,227,175)
```
#b4e7ab
```
#b4e7ab rgb(180,231,171)
```
#b2eba7
```
#b2eba7 rgb(178,235,167)
```
#aff0a2
```
#aff0a2 rgb(175,240,162)
```
#acf49e
```
#acf49e rgb(172,244,158)
```
#a9f89a
```
#a9f89a rgb(169,248,154)
```
#a6fc96
```
#a6fc96 rgb(166,252,150)
```

Tone Color Variation

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

Dichromacy

#e3d6b2 Protanopia 1% of men
#f4cfbc Deuteranopia 1% of men
#c7d9e9 Tritanopia 0.001% of the population

Trichromacy

#d4d9b2 Protanomaly 1% of men, 0.01% of women
#dfd5b8 Deuteranomaly 6% of men, 0.4% of women
#c2dbd5 Tritanomaly 0.01% of the population

#badfb3 hex color

#badfb3 Color Information

#badfb3 Color Conversion

Color Schemes with #badfb3

Alternatives to #badfb3

#badfb3 Preview

Shades and Tints of #badfb3

Tones of #badfb3

Color Blindness Simulator