#bae015 hex color

In a RGB color space, hex #bae015 is composed of 72.9% red, 87.8% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 17% cyan, 0% magenta, 90.6% yellow and 12.2% black. It has a hue angle of 71.2 degrees, a saturation of 82.9% and a lightness of 48%. #bae015 color hex could be obtained by blending #ffff2a with #75c100. Closest websafe color is: #cccc00.

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

● #bae015 color description : Vivid yellow.

The hexadecimal color #bae015 has RGB values of R:186, G:224, B:21 and CMYK values of C:0.17, M:0, Y:0.91, K:0.12. Its decimal value is 12247061.

Hex triplet	bae015	`#bae015`
RGB Decimal	186, 224, 21	`rgb(186,224,21)`
RGB Percent	72.9, 87.8, 8.2	`rgb(72.9%,87.8%,8.2%)`
CMYK	17, 0, 91, 12
HSL	71.2°, 82.9, 48	`hsl(71.2,82.9%,48%)`
HSV (or HSB)	71.2°, 90.6, 87.8
Web Safe	cccc00	`#cccc00`

CIE-LAB	83.864, -34.946, 80.328
XYZ	47.04, 63.804, 10.547
xyY	0.388, 0.526, 63.804
CIE-LCH	83.864, 87.601, 113.511
CIE-LUV	83.864, -17.631, 93.852
Hunter-Lab	79.878, -34.666, 48.086
Binary	10111010, 11100000, 00010101

#bae015
```
#bae015 rgb(186,224,21)
```
#3b15e0
```
#3b15e0 rgb(59,21,224)
```

Complementary Color

#e0a115
```
#e0a115 rgb(224,161,21)
```
#bae015
```
#bae015 rgb(186,224,21)
```
#55e015
```
#55e015 rgb(85,224,21)
```

Analogous Color

#a115e0
```
#a115e0 rgb(161,21,224)
```
#bae015
```
#bae015 rgb(186,224,21)
```
#1555e0
```
#1555e0 rgb(21,85,224)
```

Split Complementary Color

#e015ba
```
#e015ba rgb(224,21,186)
```
#bae015
```
#bae015 rgb(186,224,21)
```
#15bae0
```
#15bae0 rgb(21,186,224)
```

Triadic Color

#e03b15
```
#e03b15 rgb(224,59,21)
```
#bae015
```
#bae015 rgb(186,224,21)
```
#15bae0
```
#15bae0 rgb(21,186,224)
```
#3b15e0
```
#3b15e0 rgb(59,21,224)
```

Tetradic Color

#809a0e
```
#809a0e rgb(128,154,14)
```
#93b111
```
#93b111 rgb(147,177,17)
```
#a7c913
```
#a7c913 rgb(167,201,19)
```
#bae015
```
#bae015 rgb(186,224,21)
```
#c5ea24
```
#c5ea24 rgb(197,234,36)
```
#cbed3b
```
#cbed3b rgb(203,237,59)
```
#d2ef53
```
#d2ef53 rgb(210,239,83)
```

Monochromatic Color

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

#e0d315
```
#e0d315 rgb(224,211,21)
```
#dce015
```
#dce015 rgb(220,224,21)
```
#cbe015
```
#cbe015 rgb(203,224,21)
```
#bae015
```
#bae015 rgb(186,224,21)
```
#a9e015
```
#a9e015 rgb(169,224,21)
```
#98e015
```
#98e015 rgb(152,224,21)
```
#87e015
```
#87e015 rgb(135,224,21)
```

Similar Colors

Text with hexadecimal color #bae015

This text has a font color of #bae015.

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

#bae015 background color

This paragraph has a background color of #bae015.

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

#bae015 border color

This element has a border color of #bae015.

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

CSS codes

.text {color:#bae015;}

.background {background-color:#bae015;}

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

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

#070901
```
#070901 rgb(7,9,1)
```
#161b03
```
#161b03 rgb(22,27,3)
```
#252d04
```
#252d04 rgb(37,45,4)
```
#343f06
```
#343f06 rgb(52,63,6)
```
#435108
```
#435108 rgb(67,81,8)
```
#526209
```
#526209 rgb(82,98,9)
```
#61740b
```
#61740b rgb(97,116,11)
```
#70860d
```
#70860d rgb(112,134,13)
```
#7e980e
```
#7e980e rgb(126,152,14)
```
#8daa10
```
#8daa10 rgb(141,170,16)
```
#9cbc12
```
#9cbc12 rgb(156,188,18)
```
#abce13
```
#abce13 rgb(171,206,19)
```
#bae015
```
#bae015 rgb(186,224,21)
```

Shade Color Variation

#c4ea1f
```
#c4ea1f rgb(196,234,31)
```
#c9ec31
```
#c9ec31 rgb(201,236,49)
```
#cded43
```
#cded43 rgb(205,237,67)
```
#d2ef54
```
#d2ef54 rgb(210,239,84)
```
#d7f166
```
#d7f166 rgb(215,241,102)
```
#dcf278
```
#dcf278 rgb(220,242,120)
```
#e0f48a
```
#e0f48a rgb(224,244,138)
```
#e5f69c
```
#e5f69c rgb(229,246,156)
```
#eaf7ae
```
#eaf7ae rgb(234,247,174)
```
#eef9c0
```
#eef9c0 rgb(238,249,192)
```
#f3fbd2
```
#f3fbd2 rgb(243,251,210)
```
#f8fce4
```
#f8fce4 rgb(248,252,228)
```
#fdfef6
```
#fdfef6 rgb(253,254,246)
```

Tint Color Variation

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

#7f8273
```
#7f8273 rgb(127,130,115)
```
#858b6a
```
#858b6a rgb(133,139,106)
```
#8b9560
```
#8b9560 rgb(139,149,96)
```
#919e57
```
#919e57 rgb(145,158,87)
```
#97a74e
```
#97a74e rgb(151,167,78)
```
#9db144
```
#9db144 rgb(157,177,68)
```
#a2ba3b
```
#a2ba3b rgb(162,186,59)
```
#a8c431
```
#a8c431 rgb(168,196,49)
```
#aecd28
```
#aecd28 rgb(174,205,40)
```
#b4d71e
```
#b4d71e rgb(180,215,30)
```
#bae015
```
#bae015 rgb(186,224,21)
```
#c0e90c
```
#c0e90c rgb(192,233,12)
```
#c6f302
```
#c6f302 rgb(198,243,2)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bcc49b Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd31c Protanopia 1% of men
#ffcb70 Deuteranopia 1% of men
#d1d2e1 Tritanopia 0.001% of the population

Trichromacy

#dad819 Protanomaly 1% of men, 0.01% of women
#e5d24e Deuteranomaly 6% of men, 0.4% of women
#c8d797 Tritanomaly 0.01% of the population

#bae015 hex color

#bae015 Color Information

#bae015 Color Conversion

Color Schemes with #bae015

Alternatives to #bae015

#bae015 Preview

Shades and Tints of #bae015

Tones of #bae015

Color Blindness Simulator