#baef6f hex color

In a RGB color space, hex #baef6f is composed of 72.9% red, 93.7% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 53.6% yellow and 6.3% black. It has a hue angle of 84.8 degrees, a saturation of 80% and a lightness of 68.6%. #baef6f color hex could be obtained by blending #ffffde with #75df00. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 73
- G 94
- B 44
RGB color chart
- C 22
- M 0
- Y 54
- K 6
CMYK color chart

● #baef6f color description : Soft green.

The hexadecimal color #baef6f has RGB values of R:186, G:239, B:111 and CMYK values of C:0.22, M:0, Y:0.54, K:0.06. Its decimal value is 12250991.

Hex triplet	baef6f	`#baef6f`
RGB Decimal	186, 239, 111	`rgb(186,239,111)`
RGB Percent	72.9, 93.7, 43.5	`rgb(72.9%,93.7%,43.5%)`
CMYK	22, 0, 54, 6
HSL	84.8°, 80, 68.6	`hsl(84.8,80%,68.6%)`
HSV (or HSB)	84.8°, 53.6, 93.7
Web Safe	ccff66	`#ccff66`

CIE-LAB	88.599, -36.784, 55.716
XYZ	53.984, 73.319, 26.346
xyY	0.351, 0.477, 73.319
CIE-LCH	88.599, 66.764, 123.433
CIE-LUV	88.599, -26.123, 77.081
Hunter-Lab	85.626, -37.308, 41.696
Binary	10111010, 11101111, 01101111

#baef6f
```
#baef6f rgb(186,239,111)
```
#a46fef
```
#a46fef rgb(164,111,239)
```

Complementary Color

#efe46f
```
#efe46f rgb(239,228,111)
```
#baef6f
```
#baef6f rgb(186,239,111)
```
#7aef6f
```
#7aef6f rgb(122,239,111)
```

Analogous Color

#e46fef
```
#e46fef rgb(228,111,239)
```
#baef6f
```
#baef6f rgb(186,239,111)
```
#6f7aef
```
#6f7aef rgb(111,122,239)
```

Split Complementary Color

#ef6fba
```
#ef6fba rgb(239,111,186)
```
#baef6f
```
#baef6f rgb(186,239,111)
```
#6fbaef
```
#6fbaef rgb(111,186,239)
```

Triadic Color

#efa46f
```
#efa46f rgb(239,164,111)
```
#baef6f
```
#baef6f rgb(186,239,111)
```
#6fbaef
```
#6fbaef rgb(111,186,239)
```
#a46fef
```
#a46fef rgb(164,111,239)
```

Tetradic Color

#99e72a
```
#99e72a rgb(153,231,42)
```
#a4ea41
```
#a4ea41 rgb(164,234,65)
```
#afec58
```
#afec58 rgb(175,236,88)
```
#baef6f
```
#baef6f rgb(186,239,111)
```
#c5f286
```
#c5f286 rgb(197,242,134)
```
#d0f49d
```
#d0f49d rgb(208,244,157)
```
#dbf7b4
```
#dbf7b4 rgb(219,247,180)
```

Monochromatic Color

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

#daef6f
```
#daef6f rgb(218,239,111)
```
#cfef6f
```
#cfef6f rgb(207,239,111)
```
#c5ef6f
```
#c5ef6f rgb(197,239,111)
```
#baef6f
```
#baef6f rgb(186,239,111)
```
#afef6f
```
#afef6f rgb(175,239,111)
```
#a5ef6f
```
#a5ef6f rgb(165,239,111)
```
#9aef6f
```
#9aef6f rgb(154,239,111)
```

Similar Colors

Text with hexadecimal color #baef6f

This text has a font color of #baef6f.

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

#baef6f background color

This paragraph has a background color of #baef6f.

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

#baef6f border color

This element has a border color of #baef6f.

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

CSS codes

.text {color:#baef6f;}

.background {background-color:#baef6f;}

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

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, #090f02 is the darkest color, while #fefffc is the lightest one.

#090f02
```
#090f02 rgb(9,15,2)
```
#152104
```
#152104 rgb(21,33,4)
```
#203206
```
#203206 rgb(32,50,6)
```
#2b4408
```
#2b4408 rgb(43,68,8)
```
#36560a
```
#36560a rgb(54,86,10)
```
#41670b
```
#41670b rgb(65,103,11)
```
#4c790d
```
#4c790d rgb(76,121,13)
```
#588a0f
```
#588a0f rgb(88,138,15)
```
#639c11
```
#639c11 rgb(99,156,17)
```
#6eae13
```
#6eae13 rgb(110,174,19)
```
#79bf15
```
#79bf15 rgb(121,191,21)
```
#84d117
```
#84d117 rgb(132,209,23)
```
#8fe319
```
#8fe319 rgb(143,227,25)
```

Shade Color Variation

#98e728
```
#98e728 rgb(152,231,40)
```
#a1e93a
```
#a1e93a rgb(161,233,58)
```
#a9eb4c
```
#a9eb4c rgb(169,235,76)
```
#b2ed5d
```
#b2ed5d rgb(178,237,93)
```
#baef6f
```
#baef6f rgb(186,239,111)
```
#c2f181
```
#c2f181 rgb(194,241,129)
```
#cbf392
```
#cbf392 rgb(203,243,146)
```
#d3f5a4
```
#d3f5a4 rgb(211,245,164)
```
#dcf7b6
```
#dcf7b6 rgb(220,247,182)
```
#e4f9c7
```
#e4f9c7 rgb(228,249,199)
```
#edfbd9
```
#edfbd9 rgb(237,251,217)
```
#f5fdeb
```
#f5fdeb rgb(245,253,235)
```
#fefffc
```
#fefffc rgb(254,255,252)
```

Tint Color Variation

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

#afb1ad
```
#afb1ad rgb(175,177,173)
```
#b0b8a6
```
#b0b8a6 rgb(176,184,166)
```
#b2bea0
```
#b2bea0 rgb(178,190,160)
```
#b3c49a
```
#b3c49a rgb(179,196,154)
```
#b4ca94
```
#b4ca94 rgb(180,202,148)
```
#b5d08e
```
#b5d08e rgb(181,208,142)
```
#b6d688
```
#b6d688 rgb(182,214,136)
```
#b7dd81
```
#b7dd81 rgb(183,221,129)
```
#b8e37b
```
#b8e37b rgb(184,227,123)
```
#b9e975
```
#b9e975 rgb(185,233,117)
```
#baef6f
```
#baef6f rgb(186,239,111)
```
#bbf569
```
#bbf569 rgb(187,245,105)
```
#bcfb63
```
#bcfb63 rgb(188,251,99)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#ccd7bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f7e071 Protanopia 1% of men
#ffdaad Deuteranopia 1% of men
#d0e2f2 Tritanopia 0.001% of the population

Trichromacy

#e0e570 Protanomaly 1% of men, 0.01% of women
#e5e196 Deuteranomaly 6% of men, 0.4% of women
#c8e6c2 Tritanomaly 0.01% of the population

#baef6f hex color

#baef6f Color Information

#baef6f Color Conversion

Color Schemes with #baef6f

Alternatives to #baef6f

#baef6f Preview

Shades and Tints of #baef6f

Tones of #baef6f

Color Blindness Simulator