#baef5f hex color

In a RGB color space, hex #baef5f is composed of 72.9% red, 93.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 60.3% yellow and 6.3% black. It has a hue angle of 82.1 degrees, a saturation of 81.8% and a lightness of 65.5%. #baef5f color hex could be obtained by blending #ffffbe with #75df00. Closest websafe color is: #ccff66.

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

● #baef5f color description : Soft green.

The hexadecimal color #baef5f has RGB values of R:186, G:239, B:95 and CMYK values of C:0.22, M:0, Y:0.6, K:0.06. Its decimal value is 12250975.

Hex triplet	baef5f	`#baef5f`
RGB Decimal	186, 239, 95	`rgb(186,239,95)`
RGB Percent	72.9, 93.7, 37.3	`rgb(72.9%,93.7%,37.3%)`
CMYK	22, 0, 60, 6
HSL	82.1°, 81.8, 65.5	`hsl(82.1,81.8%,65.5%)`
HSV (or HSB)	82.1°, 60.3, 93.7
Web Safe	ccff66	`#ccff66`

CIE-LAB	88.446, -38.189, 62.518
XYZ	53.181, 72.997, 22.114
xyY	0.359, 0.492, 72.997
CIE-LCH	88.446, 73.26, 121.419
CIE-LUV	88.446, -26.083, 83.493
Hunter-Lab	85.438, -38.411, 44.461
Binary	10111010, 11101111, 01011111

#baef5f
```
#baef5f rgb(186,239,95)
```
#945fef
```
#945fef rgb(148,95,239)
```

Complementary Color

#efdc5f
```
#efdc5f rgb(239,220,95)
```
#baef5f
```
#baef5f rgb(186,239,95)
```
#72ef5f
```
#72ef5f rgb(114,239,95)
```

Analogous Color

#dc5fef
```
#dc5fef rgb(220,95,239)
```
#baef5f
```
#baef5f rgb(186,239,95)
```
#5f72ef
```
#5f72ef rgb(95,114,239)
```

Split Complementary Color

#ef5fba
```
#ef5fba rgb(239,95,186)
```
#baef5f
```
#baef5f rgb(186,239,95)
```
#5fbaef
```
#5fbaef rgb(95,186,239)
```

Triadic Color

#ef945f
```
#ef945f rgb(239,148,95)
```
#baef5f
```
#baef5f rgb(186,239,95)
```
#5fbaef
```
#5fbaef rgb(95,186,239)
```
#945fef
```
#945fef rgb(148,95,239)
```

Tetradic Color

#9ce819
```
#9ce819 rgb(156,232,25)
```
#a6ea31
```
#a6ea31 rgb(166,234,49)
```
#b0ed48
```
#b0ed48 rgb(176,237,72)
```
#baef5f
```
#baef5f rgb(186,239,95)
```
#c4f176
```
#c4f176 rgb(196,241,118)
```
#cef48d
```
#cef48d rgb(206,244,141)
```
#d8f6a5
```
#d8f6a5 rgb(216,246,165)
```

Monochromatic Color

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

#deef5f
```
#deef5f rgb(222,239,95)
```
#d2ef5f
```
#d2ef5f rgb(210,239,95)
```
#c6ef5f
```
#c6ef5f rgb(198,239,95)
```
#baef5f
```
#baef5f rgb(186,239,95)
```
#aeef5f
```
#aeef5f rgb(174,239,95)
```
#a2ef5f
```
#a2ef5f rgb(162,239,95)
```
#96ef5f
```
#96ef5f rgb(150,239,95)
```

Similar Colors

Text with hexadecimal color #baef5f

This text has a font color of #baef5f.

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

#baef5f background color

This paragraph has a background color of #baef5f.

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

#baef5f border color

This element has a border color of #baef5f.

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

CSS codes

.text {color:#baef5f;}

.background {background-color:#baef5f;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c1202
```
#0c1202 rgb(12,18,2)
```
#182404
```
#182404 rgb(24,36,4)
```
#243605
```
#243605 rgb(36,54,5)
```
#304807
```
#304807 rgb(48,72,7)
```
#3c5a09
```
#3c5a09 rgb(60,90,9)
```
#486b0b
```
#486b0b rgb(72,107,11)
```
#547d0d
```
#547d0d rgb(84,125,13)
```
#608f0e
```
#608f0e rgb(96,143,14)
```
#6ca110
```
#6ca110 rgb(108,161,16)
```
#78b312
```
#78b312 rgb(120,179,18)
```
#84c514
```
#84c514 rgb(132,197,20)
```
#8fd615
```
#8fd615 rgb(143,214,21)
```

Shade Color Variation

#9be818
```
#9be818 rgb(155,232,24)
```
#a3ea2a
```
#a3ea2a rgb(163,234,42)
```
#abeb3b
```
#abeb3b rgb(171,235,59)
```
#b2ed4d
```
#b2ed4d rgb(178,237,77)
```
#baef5f
```
#baef5f rgb(186,239,95)
```
#c2f171
```
#c2f171 rgb(194,241,113)
```
#c9f383
```
#c9f383 rgb(201,243,131)
```
#d1f494
```
#d1f494 rgb(209,244,148)
```
#d9f6a6
```
#d9f6a6 rgb(217,246,166)
```
#e0f8b8
```
#e0f8b8 rgb(224,248,184)
```
#e8faca
```
#e8faca rgb(232,250,202)
```
#f0fbdc
```
#f0fbdc rgb(240,251,220)
```
#f8fdee
```
#f8fdee rgb(248,253,238)
```

Tint Color Variation

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

#a8aba3
```
#a8aba3 rgb(168,171,163)
```
#aab29c
```
#aab29c rgb(170,178,156)
```
#acb995
```
#acb995 rgb(172,185,149)
```
#adc08e
```
#adc08e rgb(173,192,142)
```
#afc688
```
#afc688 rgb(175,198,136)
```
#b1cd81
```
#b1cd81 rgb(177,205,129)
```
#b3d47a
```
#b3d47a rgb(179,212,122)
```
#b5db73
```
#b5db73 rgb(181,219,115)
```
#b6e16d
```
#b6e16d rgb(182,225,109)
```
#b8e866
```
#b8e866 rgb(184,232,102)
```
#baef5f
```
#baef5f rgb(186,239,95)
```
#bcf658
```
#bcf658 rgb(188,246,88)
```
#befd51
```
#befd51 rgb(190,253,81)
```

Tone Color Variation

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

Dichromacy

#f7df62 Protanopia 1% of men
#ffd9aa Deuteranopia 1% of men
#d1e1f1 Tritanopia 0.001% of the population

Trichromacy

#e1e561 Protanomaly 1% of men, 0.01% of women
#e5e18f Deuteranomaly 6% of men, 0.4% of women
#c9e6bc Tritanomaly 0.01% of the population

#baef5f hex color

#baef5f Color Information

#baef5f Color Conversion

Color Schemes with #baef5f

Alternatives to #baef5f

#baef5f Preview

Shades and Tints of #baef5f

Tones of #baef5f

Color Blindness Simulator