#bae516 hex color

In a RGB color space, hex #bae516 is composed of 72.9% red, 89.8% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 18.8% cyan, 0% magenta, 90.4% yellow and 10.2% black. It has a hue angle of 72.5 degrees, a saturation of 82.5% and a lightness of 49.2%. #bae516 color hex could be obtained by blending #ffff2c with #75cb00. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 73
- G 90
- B 9
RGB color chart
- C 19
- M 0
- Y 90
- K 10
CMYK color chart

● #bae516 color description : Vivid yellow.

The hexadecimal color #bae516 has RGB values of R:186, G:229, B:22 and CMYK values of C:0.19, M:0, Y:0.9, K:0.1. Its decimal value is 12248342.

Hex triplet	bae516	`#bae516`
RGB Decimal	186, 229, 22	`rgb(186,229,22)`
RGB Percent	72.9, 89.8, 8.6	`rgb(72.9%,89.8%,8.6%)`
CMYK	19, 0, 90, 10
HSL	72.5°, 82.5, 49.2	`hsl(72.5,82.5%,49.2%)`
HSV (or HSB)	72.5°, 90.4, 89.8
Web Safe	cccc00	`#cccc00`

CIE-LAB	85.269, -37.191, 81.309
XYZ	48.413, 66.535, 11.051
xyY	0.384, 0.528, 66.535
CIE-LCH	85.269, 89.411, 114.579
CIE-LUV	85.269, -20.467, 95.698
Hunter-Lab	81.569, -36.801, 49.066
Binary	10111010, 11100101, 00010110

#bae516
```
#bae516 rgb(186,229,22)
```
#4116e5
```
#4116e5 rgb(65,22,229)
```

Complementary Color

#e5a916
```
#e5a916 rgb(229,169,22)
```
#bae516
```
#bae516 rgb(186,229,22)
```
#52e516
```
#52e516 rgb(82,229,22)
```

Analogous Color

#a916e5
```
#a916e5 rgb(169,22,229)
```
#bae516
```
#bae516 rgb(186,229,22)
```
#1652e5
```
#1652e5 rgb(22,82,229)
```

Split Complementary Color

#e516ba
```
#e516ba rgb(229,22,186)
```
#bae516
```
#bae516 rgb(186,229,22)
```
#16bae5
```
#16bae5 rgb(22,186,229)
```

Triadic Color

#e54116
```
#e54116 rgb(229,65,22)
```
#bae516
```
#bae516 rgb(186,229,22)
```
#16bae5
```
#16bae5 rgb(22,186,229)
```
#4116e5
```
#4116e5 rgb(65,22,229)
```

Tetradic Color

#819f0f
```
#819f0f rgb(129,159,15)
```
#94b612
```
#94b612 rgb(148,182,18)
```
#a7ce14
```
#a7ce14 rgb(167,206,20)
```
#bae516
```
#bae516 rgb(186,229,22)
```
#c3eb2a
```
#c3eb2a rgb(195,235,42)
```
#c9ed41
```
#c9ed41 rgb(201,237,65)
```
#d0ef58
```
#d0ef58 rgb(208,239,88)
```

Monochromatic Color

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

#e5dc16
```
#e5dc16 rgb(229,220,22)
```
#dde516
```
#dde516 rgb(221,229,22)
```
#cbe516
```
#cbe516 rgb(203,229,22)
```
#bae516
```
#bae516 rgb(186,229,22)
```
#a9e516
```
#a9e516 rgb(169,229,22)
```
#98e516
```
#98e516 rgb(152,229,22)
```
#86e516
```
#86e516 rgb(134,229,22)
```

Similar Colors

Text with hexadecimal color #bae516

This text has a font color of #bae516.

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

#bae516 background color

This paragraph has a background color of #bae516.

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

#bae516 border color

This element has a border color of #bae516.

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

CSS codes

.text {color:#bae516;}

.background {background-color:#bae516;}

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

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

#0c0e01
```
#0c0e01 rgb(12,14,1)
```
#1a2003
```
#1a2003 rgb(26,32,3)
```
#293205
```
#293205 rgb(41,50,5)
```
#374407
```
#374407 rgb(55,68,7)
```
#465608
```
#465608 rgb(70,86,8)
```
#54680a
```
#54680a rgb(84,104,10)
```
#637a0c
```
#637a0c rgb(99,122,12)
```
#718c0d
```
#718c0d rgb(113,140,13)
```
#809d0f
```
#809d0f rgb(128,157,15)
```
#8eaf11
```
#8eaf11 rgb(142,175,17)
```
#9dc113
```
#9dc113 rgb(157,193,19)
```
#abd314
```
#abd314 rgb(171,211,20)
```
#bae516
```
#bae516 rgb(186,229,22)
```

Shade Color Variation

#c1ea25
```
#c1ea25 rgb(193,234,37)
```
#c6ec36
```
#c6ec36 rgb(198,236,54)
```
#cbed48
```
#cbed48 rgb(203,237,72)
```
#d0ef5a
```
#d0ef5a rgb(208,239,90)
```
#d5f16c
```
#d5f16c rgb(213,241,108)
```
#daf37e
```
#daf37e rgb(218,243,126)
```
#dff490
```
#dff490 rgb(223,244,144)
```
#e5f6a2
```
#e5f6a2 rgb(229,246,162)
```
#eaf8b4
```
#eaf8b4 rgb(234,248,180)
```
#eff9c6
```
#eff9c6 rgb(239,249,198)
```
#f4fbd8
```
#f4fbd8 rgb(244,251,216)
```
#f9fde9
```
#f9fde9 rgb(249,253,233)
```
#fefffb
```
#fefffb rgb(254,255,251)
```

Tint Color Variation

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

#828477
```
#828477 rgb(130,132,119)
```
#878e6d
```
#878e6d rgb(135,142,109)
```
#8d9863
```
#8d9863 rgb(141,152,99)
```
#92a15a
```
#92a15a rgb(146,161,90)
```
#98ab50
```
#98ab50 rgb(152,171,80)
```
#9eb546
```
#9eb546 rgb(158,181,70)
```
#a3be3d
```
#a3be3d rgb(163,190,61)
```
#a9c833
```
#a9c833 rgb(169,200,51)
```
#afd229
```
#afd229 rgb(175,210,41)
```
#b4db20
```
#b4db20 rgb(180,219,32)
```
#bae516
```
#bae516 rgb(186,229,22)
```
#c0ef0c
```
#c0ef0c rgb(192,239,12)
```
#c5f803
```
#c5f803 rgb(197,248,3)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c0c89f Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d71c Protanopia 1% of men
#ffcf83 Deuteranopia 1% of men
#d1d7e6 Tritanopia 0.001% of the population

Trichromacy

#dddc1a Protanomaly 1% of men, 0.01% of women
#e5d75b Deuteranomaly 6% of men, 0.4% of women
#c9dc9a Tritanomaly 0.01% of the population

#bae516 hex color

#bae516 Color Information

#bae516 Color Conversion

Color Schemes with #bae516

Alternatives to #bae516

#bae516 Preview

Shades and Tints of #bae516

Tones of #bae516

Color Blindness Simulator