#bae158 hex color

In a RGB color space, hex #bae158 is composed of 72.9% red, 88.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 17.3% cyan, 0% magenta, 60.9% yellow and 11.8% black. It has a hue angle of 77.1 degrees, a saturation of 69.5% and a lightness of 61.4%. #bae158 color hex could be obtained by blending #ffffb0 with #75c300. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 73
- G 88
- B 35
RGB color chart
- C 17
- M 0
- Y 61
- K 12
CMYK color chart

● #bae158 color description : Soft green.

The hexadecimal color #bae158 has RGB values of R:186, G:225, B:88 and CMYK values of C:0.17, M:0, Y:0.61, K:0.12. Its decimal value is 12247384.

Hex triplet	bae158	`#bae158`
RGB Decimal	186, 225, 88	`rgb(186,225,88)`
RGB Percent	72.9, 88.2, 34.5	`rgb(72.9%,88.2%,34.5%)`
CMYK	17, 0, 61, 12
HSL	77.1°, 69.5, 61.4	`hsl(77.1,69.5%,61.4%)`
HSV (or HSB)	77.1°, 60.9, 88.2
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.48, -32.363, 61.091
XYZ	48.936, 64.994, 19.199
xyY	0.368, 0.488, 64.994
CIE-LCH	84.48, 69.134, 117.912
CIE-LUV	84.48, -18.492, 79.686
Hunter-Lab	80.619, -32.733, 42.313
Binary	10111010, 11100001, 01011000

#bae158
```
#bae158 rgb(186,225,88)
```
#7f58e1
```
#7f58e1 rgb(127,88,225)
```

Complementary Color

#e1c458
```
#e1c458 rgb(225,196,88)
```
#bae158
```
#bae158 rgb(186,225,88)
```
#76e158
```
#76e158 rgb(118,225,88)
```

Analogous Color

#c458e1
```
#c458e1 rgb(196,88,225)
```
#bae158
```
#bae158 rgb(186,225,88)
```
#5876e1
```
#5876e1 rgb(88,118,225)
```

Split Complementary Color

#e158ba
```
#e158ba rgb(225,88,186)
```
#bae158
```
#bae158 rgb(186,225,88)
```
#58bae1
```
#58bae1 rgb(88,186,225)
```

Triadic Color

#e17f58
```
#e17f58 rgb(225,127,88)
```
#bae158
```
#bae158 rgb(186,225,88)
```
#58bae1
```
#58bae1 rgb(88,186,225)
```
#7f58e1
```
#7f58e1 rgb(127,88,225)
```

Tetradic Color

#9ac824
```
#9ac824 rgb(154,200,36)
```
#a8d92d
```
#a8d92d rgb(168,217,45)
```
#b1dd42
```
#b1dd42 rgb(177,221,66)
```
#bae158
```
#bae158 rgb(186,225,88)
```
#c3e56e
```
#c3e56e rgb(195,229,110)
```
#cce983
```
#cce983 rgb(204,233,131)
```
#d5ed99
```
#d5ed99 rgb(213,237,153)
```

Monochromatic Color

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

#dce158
```
#dce158 rgb(220,225,88)
```
#d1e158
```
#d1e158 rgb(209,225,88)
```
#c5e158
```
#c5e158 rgb(197,225,88)
```
#bae158
```
#bae158 rgb(186,225,88)
```
#afe158
```
#afe158 rgb(175,225,88)
```
#a3e158
```
#a3e158 rgb(163,225,88)
```
#98e158
```
#98e158 rgb(152,225,88)
```

Similar Colors

Text with hexadecimal color #bae158

This text has a font color of #bae158.

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

#bae158 background color

This paragraph has a background color of #bae158.

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

#bae158 border color

This element has a border color of #bae158.

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

CSS codes

.text {color:#bae158;}

.background {background-color:#bae158;}

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

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, #0c1003 is the darkest color, while #fffffe is the lightest one.

#0c1003
```
#0c1003 rgb(12,16,3)
```
#192106
```
#192106 rgb(25,33,6)
```
#263109
```
#263109 rgb(38,49,9)
```
#32420c
```
#32420c rgb(50,66,12)
```
#3f520f
```
#3f520f rgb(63,82,15)
```
#4c6312
```
#4c6312 rgb(76,99,18)
```
#597415
```
#597415 rgb(89,116,21)
```
#658418
```
#658418 rgb(101,132,24)
```
#72951b
```
#72951b rgb(114,149,27)
```
#7fa61e
```
#7fa61e rgb(127,166,30)
```
#8cb621
```
#8cb621 rgb(140,182,33)
```
#98c724
```
#98c724 rgb(152,199,36)
```
#a5d727
```
#a5d727 rgb(165,215,39)
```

Shade Color Variation

#acdb37
```
#acdb37 rgb(172,219,55)
```
#b3de47
```
#b3de47 rgb(179,222,71)
```
#bae158
```
#bae158 rgb(186,225,88)
```
#c1e469
```
#c1e469 rgb(193,228,105)
```
#c8e779
```
#c8e779 rgb(200,231,121)
```
#cfea8a
```
#cfea8a rgb(207,234,138)
```
#d5ed9b
```
#d5ed9b rgb(213,237,155)
```
#dcf0ab
```
#dcf0ab rgb(220,240,171)
```
#e3f3bc
```
#e3f3bc rgb(227,243,188)
```
#eaf6cc
```
#eaf6cc rgb(234,246,204)
```
#f1f9dd
```
#f1f9dd rgb(241,249,221)
```
#f8fcee
```
#f8fcee rgb(248,252,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9d9d9c
```
#9d9d9c rgb(157,157,156)
```
#a0a495
```
#a0a495 rgb(160,164,149)
```
#a3ac8d
```
#a3ac8d rgb(163,172,141)
```
#a6b485
```
#a6b485 rgb(166,180,133)
```
#aabb7e
```
#aabb7e rgb(170,187,126)
```
#adc376
```
#adc376 rgb(173,195,118)
```
#b0ca6f
```
#b0ca6f rgb(176,202,111)
```
#b3d267
```
#b3d267 rgb(179,210,103)
```
#b7d960
```
#b7d960 rgb(183,217,96)
```
#bae158
```
#bae158 rgb(186,225,88)
```
#bde950
```
#bde950 rgb(189,233,80)
```
#c1f049
```
#c1f049 rgb(193,240,73)
```
#c4f841
```
#c4f841 rgb(196,248,65)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c4cbb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd55c Protanopia 1% of men
#ffcc80 Deuteranopia 1% of men
#cfd5e4 Tritanopia 0.001% of the population

Trichromacy

#dad95b Protanomaly 1% of men, 0.01% of women
#e5d472 Deuteranomaly 6% of men, 0.4% of women
#c7d9b1 Tritanomaly 0.01% of the population

#bae158 hex color

#bae158 Color Information

#bae158 Color Conversion

Color Schemes with #bae158

Alternatives to #bae158

#bae158 Preview

Shades and Tints of #bae158

Tones of #bae158

Color Blindness Simulator