#baf20e hex color

In a RGB color space, hex #baf20e is composed of 72.9% red, 94.9% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 0% magenta, 94.2% yellow and 5.1% black. It has a hue angle of 74.7 degrees, a saturation of 89.8% and a lightness of 50.2%. #baf20e color hex could be obtained by blending #ffff1c with #75e500. Closest websafe color is: #ccff00.

♥
- f
- t
- g
- R 73
- G 95
- B 5
RGB color chart
- C 23
- M 0
- Y 94
- K 5
CMYK color chart

● #baf20e color description : Vivid yellow.

The hexadecimal color #baf20e has RGB values of R:186, G:242, B:14 and CMYK values of C:0.23, M:0, Y:0.94, K:0.05. Its decimal value is 12251662.

Hex triplet	baf20e	`#baf20e`
RGB Decimal	186, 242, 14	`rgb(186,242,14)`
RGB Percent	72.9, 94.9, 5.5	`rgb(72.9%,94.9%,5.5%)`
CMYK	23, 0, 94, 5
HSL	74.7°, 89.8, 50.2	`hsl(74.7,89.8%,50.2%)`
HSV (or HSB)	74.7°, 94.2, 94.9
Web Safe	ccff00	`#ccff00`

CIE-LAB	88.91, -43.05, 85.124
XYZ	52.08, 73.974, 11.95
xyY	0.377, 0.536, 73.974
CIE-LCH	88.91, 95.39, 116.827
CIE-LUV	88.91, -27.604, 101.26
Hunter-Lab	86.008, -42.428, 51.968
Binary	10111010, 11110010, 00001110

#baf20e
```
#baf20e rgb(186,242,14)
```
#460ef2
```
#460ef2 rgb(70,14,242)
```

Complementary Color

#f2b80e
```
#f2b80e rgb(242,184,14)
```
#baf20e
```
#baf20e rgb(186,242,14)
```
#48f20e
```
#48f20e rgb(72,242,14)
```

Analogous Color

#b80ef2
```
#b80ef2 rgb(184,14,242)
```
#baf20e
```
#baf20e rgb(186,242,14)
```
#0e48f2
```
#0e48f2 rgb(14,72,242)
```

Split Complementary Color

#f20eba
```
#f20eba rgb(242,14,186)
```
#baf20e
```
#baf20e rgb(186,242,14)
```
#0ebaf2
```
#0ebaf2 rgb(14,186,242)
```

Triadic Color

#f2460e
```
#f2460e rgb(242,70,14)
```
#baf20e
```
#baf20e rgb(186,242,14)
```
#0ebaf2
```
#0ebaf2 rgb(14,186,242)
```
#460ef2
```
#460ef2 rgb(70,14,242)
```

Tetradic Color

#83aa09
```
#83aa09 rgb(131,170,9)
```
#95c30a
```
#95c30a rgb(149,195,10)
```
#a8db0c
```
#a8db0c rgb(168,219,12)
```
#baf20e
```
#baf20e rgb(186,242,14)
```
#c1f326
```
#c1f326 rgb(193,243,38)
```
#c8f53e
```
#c8f53e rgb(200,245,62)
```
#cff657
```
#cff657 rgb(207,246,87)
```

Monochromatic Color

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

#f2f10e
```
#f2f10e rgb(242,241,14)
```
#e0f20e
```
#e0f20e rgb(224,242,14)
```
#cdf20e
```
#cdf20e rgb(205,242,14)
```
#baf20e
```
#baf20e rgb(186,242,14)
```
#a7f20e
```
#a7f20e rgb(167,242,14)
```
#94f20e
```
#94f20e rgb(148,242,14)
```
#81f20e
```
#81f20e rgb(129,242,14)
```

Similar Colors

Text with hexadecimal color #baf20e

This text has a font color of #baf20e.

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

#baf20e background color

This paragraph has a background color of #baf20e.

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

#baf20e border color

This element has a border color of #baf20e.

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

CSS codes

.text {color:#baf20e;}

.background {background-color:#baf20e;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f1401
```
#0f1401 rgb(15,20,1)
```
#1d2602
```
#1d2602 rgb(29,38,2)
```
#2c3903
```
#2c3903 rgb(44,57,3)
```
#3a4b04
```
#3a4b04 rgb(58,75,4)
```
#485e05
```
#485e05 rgb(72,94,5)
```
#567106
```
#567106 rgb(86,113,6)
```
#658307
```
#658307 rgb(101,131,7)
```
#739608
```
#739608 rgb(115,150,8)
```
#81a809
```
#81a809 rgb(129,168,9)
```
#90bb0a
```
#90bb0a rgb(144,187,10)
```
#9ece0b
```
#9ece0b rgb(158,206,11)
```
#ace00c
```
#ace00c rgb(172,224,12)
```

Shade Color Variation

#baf20e
```
#baf20e rgb(186,242,14)
```
#bff321
```
#bff321 rgb(191,243,33)
```
#c5f433
```
#c5f433 rgb(197,244,51)
```
#caf546
```
#caf546 rgb(202,245,70)
```
#cff658
```
#cff658 rgb(207,246,88)
```
#d5f76b
```
#d5f76b rgb(213,247,107)
```
#daf87e
```
#daf87e rgb(218,248,126)
```
#dff990
```
#dff990 rgb(223,249,144)
```
#e5faa3
```
#e5faa3 rgb(229,250,163)
```
#eafbb6
```
#eafbb6 rgb(234,251,182)
```
#effcc8
```
#effcc8 rgb(239,252,200)
```
#f5fddb
```
#f5fddb rgb(245,253,219)
```
#fafeed
```
#fafeed rgb(250,254,237)
```

Tint Color Variation

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

#838779
```
#838779 rgb(131,135,121)
```
#889070
```
#889070 rgb(136,144,112)
```
#8d9a66
```
#8d9a66 rgb(141,154,102)
```
#92a45c
```
#92a45c rgb(146,164,92)
```
#97ae52
```
#97ae52 rgb(151,174,82)
```
#9cb749
```
#9cb749 rgb(156,183,73)
```
#a1c13f
```
#a1c13f rgb(161,193,63)
```
#a6cb35
```
#a6cb35 rgb(166,203,53)
```
#abd52b
```
#abd52b rgb(171,213,43)
```
#b0de22
```
#b0de22 rgb(176,222,34)
```
#b5e818
```
#b5e818 rgb(181,232,24)
```
#baf20e
```
#baf20e rgb(186,242,14)
```
#bffc04
```
#bffc04 rgb(191,252,4)
```

Tone Color Variation

Below, you can see how #baf20e 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
#c4d0a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce110 Protanopia 1% of men
#ffdbaa Deuteranopia 1% of men
#d4e2f2 Tritanopia 0.001% of the population

Trichromacy

#e4e70f Protanomaly 1% of men, 0.01% of women
#e5e371 Deuteranomaly 6% of men, 0.4% of women
#cae89f Tritanomaly 0.01% of the population

#baf20e hex color

#baf20e Color Information

#baf20e Color Conversion

Color Schemes with #baf20e

Alternatives to #baf20e

#baf20e Preview

Shades and Tints of #baf20e

Tones of #baf20e

Color Blindness Simulator