#baddb2 hex color

In a RGB color space, hex #baddb2 is composed of 72.9% red, 86.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 15.8% cyan, 0% magenta, 19.5% yellow and 13.3% black. It has a hue angle of 108.8 degrees, a saturation of 38.7% and a lightness of 78.2%. #baddb2 color hex could be obtained by blending #ffffff with #75bb65. Closest websafe color is: #cccc99.

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

● #baddb2 color description : Light grayish lime green.

The hexadecimal color #baddb2 has RGB values of R:186, G:221, B:178 and CMYK values of C:0.16, M:0, Y:0.19, K:0.13. Its decimal value is 12246450.

Hex triplet	baddb2	`#baddb2`
RGB Decimal	186, 221, 178	`rgb(186,221,178)`
RGB Percent	72.9, 86.7, 69.8	`rgb(72.9%,86.7%,69.8%)`
CMYK	16, 0, 19, 13
HSL	108.8°, 38.7, 78.2	`hsl(108.8,38.7%,78.2%)`
HSV (or HSB)	108.8°, 19.5, 86.7
Web Safe	cccc99	`#cccc99`

CIE-LAB	84.672, -19.456, 17.36
XYZ	54.14, 65.365, 51.881
xyY	0.316, 0.381, 65.365
CIE-LCH	84.672, 26.075, 138.259
CIE-LUV	84.672, -17.498, 28.524
Hunter-Lab	80.849, -21.954, 18.547
Binary	10111010, 11011101, 10110010

#baddb2
```
#baddb2 rgb(186,221,178)
```
#d5b2dd
```
#d5b2dd rgb(213,178,221)
```

Complementary Color

#d0ddb2
```
#d0ddb2 rgb(208,221,178)
```
#baddb2
```
#baddb2 rgb(186,221,178)
```
#b2ddc0
```
#b2ddc0 rgb(178,221,192)
```

Analogous Color

#ddb2d0
```
#ddb2d0 rgb(221,178,208)
```
#baddb2
```
#baddb2 rgb(186,221,178)
```
#c0b2dd
```
#c0b2dd rgb(192,178,221)
```

Split Complementary Color

#ddb2ba
```
#ddb2ba rgb(221,178,186)
```
#baddb2
```
#baddb2 rgb(186,221,178)
```
#b2badd
```
#b2badd rgb(178,186,221)
```

Triadic Color

#ddd5b2
```
#ddd5b2 rgb(221,213,178)
```
#baddb2
```
#baddb2 rgb(186,221,178)
```
#b2badd
```
#b2badd rgb(178,186,221)
```
#d5b2dd
```
#d5b2dd rgb(213,178,221)
```

Tetradic Color

#8ac67d
```
#8ac67d rgb(138,198,125)
```
#9acd8f
```
#9acd8f rgb(154,205,143)
```
#aad5a0
```
#aad5a0 rgb(170,213,160)
```
#baddb2
```
#baddb2 rgb(186,221,178)
```
#cae5c4
```
#cae5c4 rgb(202,229,196)
```
#daedd5
```
#daedd5 rgb(218,237,213)
```
#eaf4e7
```
#eaf4e7 rgb(234,244,231)
```

Monochromatic Color

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

#c5ddb2
```
#c5ddb2 rgb(197,221,178)
```
#c1ddb2
```
#c1ddb2 rgb(193,221,178)
```
#beddb2
```
#beddb2 rgb(190,221,178)
```
#baddb2
```
#baddb2 rgb(186,221,178)
```
#b6ddb2
```
#b6ddb2 rgb(182,221,178)
```
#b3ddb2
```
#b3ddb2 rgb(179,221,178)
```
#b2ddb5
```
#b2ddb5 rgb(178,221,181)
```

Similar Colors

Text with hexadecimal color #baddb2

This text has a font color of #baddb2.

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

#baddb2 background color

This paragraph has a background color of #baddb2.

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

#baddb2 border color

This element has a border color of #baddb2.

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

CSS codes

.text {color:#baddb2;}

.background {background-color:#baddb2;}

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

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

#030502
```
#030502 rgb(3,5,2)
```
#0a1208
```
#0a1208 rgb(10,18,8)
```
#11200e
```
#11200e rgb(17,32,14)
```
#192d14
```
#192d14 rgb(25,45,20)
```
#203b1a
```
#203b1a rgb(32,59,26)
```
#284920
```
#284920 rgb(40,73,32)
```
#2f5626
```
#2f5626 rgb(47,86,38)
```
#36642c
```
#36642c rgb(54,100,44)
```
#3e7132
```
#3e7132 rgb(62,113,50)
```
#457f38
```
#457f38 rgb(69,127,56)
```
#4d8d3e
```
#4d8d3e rgb(77,141,62)
```
#549a44
```
#549a44 rgb(84,154,68)
```
#5ca84a
```
#5ca84a rgb(92,168,74)
```

Shade Color Variation

#65b353
```
#65b353 rgb(101,179,83)
```
#71b960
```
#71b960 rgb(113,185,96)
```
#7dbf6e
```
#7dbf6e rgb(125,191,110)
```
#89c57c
```
#89c57c rgb(137,197,124)
```
#95cb89
```
#95cb89 rgb(149,203,137)
```
#a2d197
```
#a2d197 rgb(162,209,151)
```
#aed7a4
```
#aed7a4 rgb(174,215,164)
```
#baddb2
```
#baddb2 rgb(186,221,178)
```
#c6e3c0
```
#c6e3c0 rgb(198,227,192)
```
#d2e9cd
```
#d2e9cd rgb(210,233,205)
```
#dfefdb
```
#dfefdb rgb(223,239,219)
```
#ebf5e8
```
#ebf5e8 rgb(235,245,232)
```
#f7fbf6
```
#f7fbf6 rgb(247,251,246)
```

Tint Color Variation

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

#c7c8c7
```
#c7c8c7 rgb(199,200,199)
```
#c5ccc3
```
#c5ccc3 rgb(197,204,195)
```
#c2d0bf
```
#c2d0bf rgb(194,208,191)
```
#bfd4bb
```
#bfd4bb rgb(191,212,187)
```
#bdd9b6
```
#bdd9b6 rgb(189,217,182)
```
#baddb2
```
#baddb2 rgb(186,221,178)
```
#b7e1ae
```
#b7e1ae rgb(183,225,174)
```
#b5e6a9
```
#b5e6a9 rgb(181,230,169)
```
#b2eaa5
```
#b2eaa5 rgb(178,234,165)
```
#afeea1
```
#afeea1 rgb(175,238,161)
```
#adf29d
```
#adf29d rgb(173,242,157)
```
#aaf798
```
#aaf798 rgb(170,247,152)
```
#a7fb94
```
#a7fb94 rgb(167,251,148)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#cad1c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d5b1 Protanopia 1% of men
#f3cebb Deuteranopia 1% of men
#c7d7e7 Tritanopia 0.001% of the population

Trichromacy

#d3d7b1 Protanomaly 1% of men, 0.01% of women
#ded3b7 Deuteranomaly 6% of men, 0.4% of women
#c2d9d3 Tritanomaly 0.01% of the population

#baddb2 hex color

#baddb2 Color Information

#baddb2 Color Conversion

Color Schemes with #baddb2

Alternatives to #baddb2

#baddb2 Preview

Shades and Tints of #baddb2

Tones of #baddb2

Color Blindness Simulator