#bae96a hex color

In a RGB color space, hex #bae96a is composed of 72.9% red, 91.4% green and 41.6% blue. Whereas in a CMYK color space, it is composed of 20.2% cyan, 0% magenta, 54.5% yellow and 8.6% black. It has a hue angle of 82.2 degrees, a saturation of 74.3% and a lightness of 66.5%. #bae96a color hex could be obtained by blending #ffffd4 with #75d300. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 73
- G 91
- B 42
RGB color chart
- C 20
- M 0
- Y 55
- K 9
CMYK color chart

● #bae96a color description : Soft green.

The hexadecimal color #bae96a has RGB values of R:186, G:233, B:106 and CMYK values of C:0.2, M:0, Y:0.55, K:0.09. Its decimal value is 12249450.

Hex triplet	bae96a	`#bae96a`
RGB Decimal	186, 233, 106	`rgb(186,233,106)`
RGB Percent	72.9, 91.4, 41.6	`rgb(72.9%,91.4%,41.6%)`
CMYK	20, 0, 55, 9
HSL	82.2°, 74.3, 66.5	`hsl(82.2,74.3%,66.5%)`
HSV (or HSB)	82.2°, 54.5, 91.4
Web Safe	ccff66	`#ccff66`

CIE-LAB	86.877, -34.527, 55.96
XYZ	51.989, 69.757, 24.36
xyY	0.356, 0.477, 69.757
CIE-LCH	86.877, 65.754, 121.674
CIE-LUV	86.877, -22.944, 76.351
Hunter-Lab	83.52, -35.05, 41.171
Binary	10111010, 11101001, 01101010

#bae96a
```
#bae96a rgb(186,233,106)
```
#996ae9
```
#996ae9 rgb(153,106,233)
```

Complementary Color

#e9d96a
```
#e9d96a rgb(233,217,106)
```
#bae96a
```
#bae96a rgb(186,233,106)
```
#7be96a
```
#7be96a rgb(123,233,106)
```

Analogous Color

#d96ae9
```
#d96ae9 rgb(217,106,233)
```
#bae96a
```
#bae96a rgb(186,233,106)
```
#6a7be9
```
#6a7be9 rgb(106,123,233)
```

Split Complementary Color

#e96aba
```
#e96aba rgb(233,106,186)
```
#bae96a
```
#bae96a rgb(186,233,106)
```
#6abae9
```
#6abae9 rgb(106,186,233)
```

Triadic Color

#e9996a
```
#e9996a rgb(233,153,106)
```
#bae96a
```
#bae96a rgb(186,233,106)
```
#6abae9
```
#6abae9 rgb(106,186,233)
```
#996ae9
```
#996ae9 rgb(153,106,233)
```

Tetradic Color

#9bdf27
```
#9bdf27 rgb(155,223,39)
```
#a5e23e
```
#a5e23e rgb(165,226,62)
```
#b0e654
```
#b0e654 rgb(176,230,84)
```
#bae96a
```
#bae96a rgb(186,233,106)
```
#c4ec80
```
#c4ec80 rgb(196,236,128)
```
#cff096
```
#cff096 rgb(207,240,150)
```
#d9f3ad
```
#d9f3ad rgb(217,243,173)
```

Monochromatic Color

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

#dae96a
```
#dae96a rgb(218,233,106)
```
#cfe96a
```
#cfe96a rgb(207,233,106)
```
#c5e96a
```
#c5e96a rgb(197,233,106)
```
#bae96a
```
#bae96a rgb(186,233,106)
```
#afe96a
```
#afe96a rgb(175,233,106)
```
#a5e96a
```
#a5e96a rgb(165,233,106)
```
#9ae96a
```
#9ae96a rgb(154,233,106)
```

Similar Colors

Text with hexadecimal color #bae96a

This text has a font color of #bae96a.

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

#bae96a background color

This paragraph has a background color of #bae96a.

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

#bae96a border color

This element has a border color of #bae96a.

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

CSS codes

.text {color:#bae96a;}

.background {background-color:#bae96a;}

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

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

#030501
```
#030501 rgb(3,5,1)
```
#0f1603
```
#0f1603 rgb(15,22,3)
```
#1b2706
```
#1b2706 rgb(27,39,6)
```
#263808
```
#263808 rgb(38,56,8)
```
#32490b
```
#32490b rgb(50,73,11)
```
#3e5a0d
```
#3e5a0d rgb(62,90,13)
```
#4a6b10
```
#4a6b10 rgb(74,107,16)
```
#557c12
```
#557c12 rgb(85,124,18)
```
#618e15
```
#618e15 rgb(97,142,21)
```
#6d9f17
```
#6d9f17 rgb(109,159,23)
```
#78b01a
```
#78b01a rgb(120,176,26)
```
#84c11c
```
#84c11c rgb(132,193,28)
```
#90d21f
```
#90d21f rgb(144,210,31)
```

Shade Color Variation

#9adf26
```
#9adf26 rgb(154,223,38)
```
#a2e137
```
#a2e137 rgb(162,225,55)
```
#aae448
```
#aae448 rgb(170,228,72)
```
#b2e659
```
#b2e659 rgb(178,230,89)
```
#bae96a
```
#bae96a rgb(186,233,106)
```
#c2ec7b
```
#c2ec7b rgb(194,236,123)
```
#caee8c
```
#caee8c rgb(202,238,140)
```
#d2f19d
```
#d2f19d rgb(210,241,157)
```
#daf3ae
```
#daf3ae rgb(218,243,174)
```
#e2f6bf
```
#e2f6bf rgb(226,246,191)
```
#e9f8d1
```
#e9f8d1 rgb(233,248,209)
```
#f1fbe2
```
#f1fbe2 rgb(241,251,226)
```
#f9fdf3
```
#f9fdf3 rgb(249,253,243)
```

Tint Color Variation

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

#abaea5
```
#abaea5 rgb(171,174,165)
```
#acb49f
```
#acb49f rgb(172,180,159)
```
#aebb98
```
#aebb98 rgb(174,187,152)
```
#b0c291
```
#b0c291 rgb(176,194,145)
```
#b1c88b
```
#b1c88b rgb(177,200,139)
```
#b3cf84
```
#b3cf84 rgb(179,207,132)
```
#b5d57e
```
#b5d57e rgb(181,213,126)
```
#b7dc77
```
#b7dc77 rgb(183,220,119)
```
#b8e271
```
#b8e271 rgb(184,226,113)
```
#bae96a
```
#bae96a rgb(186,233,106)
```
#bcf063
```
#bcf063 rgb(188,240,99)
```
#bdf65d
```
#bdf65d rgb(189,246,93)
```
#bffd56
```
#bffd56 rgb(191,253,86)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c8d2b8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f2db6d Protanopia 1% of men
#ffd49d Deuteranopia 1% of men
#cfdcec Tritanopia 0.001% of the population

Trichromacy

#dde06c Protanomaly 1% of men, 0.01% of women
#e5dc8a Deuteranomaly 6% of men, 0.4% of women
#c7e1bd Tritanomaly 0.01% of the population

#bae96a hex color

#bae96a Color Information

#bae96a Color Conversion

Color Schemes with #bae96a

Alternatives to #bae96a

#bae96a Preview

Shades and Tints of #bae96a

Tones of #bae96a

Color Blindness Simulator