#bae06a hex color

In a RGB color space, hex #bae06a is composed of 72.9% red, 87.8% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 17% cyan, 0% magenta, 52.7% yellow and 12.2% black. It has a hue angle of 79.3 degrees, a saturation of 65.6% and a lightness of 64.7%. #bae06a color hex could be obtained by blending #ffffd4 with #75c100. Closest websafe color is: #cccc66.

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

● #bae06a color description : Soft green.

The hexadecimal color #bae06a has RGB values of R:186, G:224, B:106 and CMYK values of C:0.17, M:0, Y:0.53, K:0.12. Its decimal value is 12247146.

Hex triplet	bae06a	`#bae06a`
RGB Decimal	186, 224, 106	`rgb(186,224,106)`
RGB Percent	72.9, 87.8, 41.6	`rgb(72.9%,87.8%,41.6%)`
CMYK	17, 0, 53, 12
HSL	79.3°, 65.6, 64.7	`hsl(79.3,65.6%,64.7%)`
HSV (or HSB)	79.3°, 52.7, 87.8
Web Safe	cccc66	`#cccc66`

CIE-LAB	84.376, -30.36, 53.038
XYZ	49.506, 64.79, 23.533
xyY	0.359, 0.47, 64.79
CIE-LCH	84.376, 61.113, 119.788
CIE-LUV	84.376, -18.091, 72.033
Hunter-Lab	80.493, -31.078, 39.011
Binary	10111010, 11100000, 01101010

#bae06a
```
#bae06a rgb(186,224,106)
```
#906ae0
```
#906ae0 rgb(144,106,224)
```

Complementary Color

#e0cb6a
```
#e0cb6a rgb(224,203,106)
```
#bae06a
```
#bae06a rgb(186,224,106)
```
#7fe06a
```
#7fe06a rgb(127,224,106)
```

Analogous Color

#cb6ae0
```
#cb6ae0 rgb(203,106,224)
```
#bae06a
```
#bae06a rgb(186,224,106)
```
#6a7fe0
```
#6a7fe0 rgb(106,127,224)
```

Split Complementary Color

#e06aba
```
#e06aba rgb(224,106,186)
```
#bae06a
```
#bae06a rgb(186,224,106)
```
#6abae0
```
#6abae0 rgb(106,186,224)
```

Triadic Color

#e0906a
```
#e0906a rgb(224,144,106)
```
#bae06a
```
#bae06a rgb(186,224,106)
```
#6abae0
```
#6abae0 rgb(106,186,224)
```
#906ae0
```
#906ae0 rgb(144,106,224)
```

Tetradic Color

#9cd22c
```
#9cd22c rgb(156,210,44)
```
#a6d740
```
#a6d740 rgb(166,215,64)
```
#b0dc55
```
#b0dc55 rgb(176,220,85)
```
#bae06a
```
#bae06a rgb(186,224,106)
```
#c4e47f
```
#c4e47f rgb(196,228,127)
```
#cee994
```
#cee994 rgb(206,233,148)
```
#d7eda9
```
#d7eda9 rgb(215,237,169)
```

Monochromatic Color

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

#d8e06a
```
#d8e06a rgb(216,224,106)
```
#cee06a
```
#cee06a rgb(206,224,106)
```
#c4e06a
```
#c4e06a rgb(196,224,106)
```
#bae06a
```
#bae06a rgb(186,224,106)
```
#b0e06a
```
#b0e06a rgb(176,224,106)
```
#a6e06a
```
#a6e06a rgb(166,224,106)
```
#9de06a
```
#9de06a rgb(157,224,106)
```

Similar Colors

Text with hexadecimal color #bae06a

This text has a font color of #bae06a.

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

#bae06a background color

This paragraph has a background color of #bae06a.

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

#bae06a border color

This element has a border color of #bae06a.

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

CSS codes

.text {color:#bae06a;}

.background {background-color:#bae06a;}

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

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

#0a0d03
```
#0a0d03 rgb(10,13,3)
```
#161e06
```
#161e06 rgb(22,30,6)
```
#222e0a
```
#222e0a rgb(34,46,10)
```
#2e3e0d
```
#2e3e0d rgb(46,62,13)
```
#3a4e10
```
#3a4e10 rgb(58,78,16)
```
#465f14
```
#465f14 rgb(70,95,20)
```
#536f17
```
#536f17 rgb(83,111,23)
```
#5f7f1a
```
#5f7f1a rgb(95,127,26)
```
#6b8f1e
```
#6b8f1e rgb(107,143,30)
```
#77a021
```
#77a021 rgb(119,160,33)
```
#83b025
```
#83b025 rgb(131,176,37)
```
#8fc028
```
#8fc028 rgb(143,192,40)
```
#9bd02b
```
#9bd02b rgb(155,208,43)
```

Shade Color Variation

#a3d639
```
#a3d639 rgb(163,214,57)
```
#abd94a
```
#abd94a rgb(171,217,74)
```
#b2dd5a
```
#b2dd5a rgb(178,221,90)
```
#bae06a
```
#bae06a rgb(186,224,106)
```
#c2e37a
```
#c2e37a rgb(194,227,122)
```
#c9e78a
```
#c9e78a rgb(201,231,138)
```
#d1ea9b
```
#d1ea9b rgb(209,234,155)
```
#d8eeab
```
#d8eeab rgb(216,238,171)
```
#e0f1bb
```
#e0f1bb rgb(224,241,187)
```
#e7f4cb
```
#e7f4cb rgb(231,244,203)
```
#eff8dc
```
#eff8dc rgb(239,248,220)
```
#f6fbec
```
#f6fbec rgb(246,251,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#a6a9a1
```
#a6a9a1 rgb(166,169,161)
```
#a9b09a
```
#a9b09a rgb(169,176,154)
```
#abb694
```
#abb694 rgb(171,182,148)
```
#aebd8d
```
#aebd8d rgb(174,189,141)
```
#b0c486
```
#b0c486 rgb(176,196,134)
```
#b3cb7f
```
#b3cb7f rgb(179,203,127)
```
#b5d278
```
#b5d278 rgb(181,210,120)
```
#b8d971
```
#b8d971 rgb(184,217,113)
```
#bae06a
```
#bae06a rgb(186,224,106)
```
#bce763
```
#bce763 rgb(188,231,99)
```
#bfee5c
```
#bfee5c rgb(191,238,92)
```
#c1f555
```
#c1f555 rgb(193,245,85)
```
#c4fc4e
```
#c4fc4e rgb(196,252,78)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c4ccb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead56d Protanopia 1% of men
#ffcc84 Deuteranopia 1% of men
#ced5e4 Tritanopia 0.001% of the population

Trichromacy

#d8d96c Protanomaly 1% of men, 0.01% of women
#e5d37a Deuteranomaly 6% of men, 0.4% of women
#c6d9b7 Tritanomaly 0.01% of the population

#bae06a hex color

#bae06a Color Information

#bae06a Color Conversion

Color Schemes with #bae06a

Alternatives to #bae06a

#bae06a Preview

Shades and Tints of #bae06a

Tones of #bae06a

Color Blindness Simulator