#baf214 hex color

In a RGB color space, hex #baf214 is composed of 72.9% red, 94.9% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 23.1% cyan, 0% magenta, 91.7% yellow and 5.1% black. It has a hue angle of 75.1 degrees, a saturation of 89.5% and a lightness of 51.4%. #baf214 color hex could be obtained by blending #ffff28 with #75e500. Closest websafe color is: #ccff00.

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

● #baf214 color description : Vivid green.

The hexadecimal color #baf214 has RGB values of R:186, G:242, B:20 and CMYK values of C:0.23, M:0, Y:0.92, K:0.05. Its decimal value is 12251668.

Hex triplet	baf214	`#baf214`
RGB Decimal	186, 242, 20	`rgb(186,242,20)`
RGB Percent	72.9, 94.9, 7.8	`rgb(72.9%,94.9%,7.8%)`
CMYK	23, 0, 92, 5
HSL	75.1°, 89.5, 51.4	`hsl(75.1,89.5%,51.4%)`
HSV (or HSB)	75.1°, 91.7, 94.9
Web Safe	ccff00	`#ccff00`

CIE-LAB	88.919, -42.965, 84.482
XYZ	52.127, 73.993, 12.198
xyY	0.377, 0.535, 73.993
CIE-LCH	88.919, 94.78, 116.956
CIE-LUV	88.919, -27.605, 100.859
Hunter-Lab	86.019, -42.363, 51.806
Binary	10111010, 11110010, 00010100

#baf214
```
#baf214 rgb(186,242,20)
```
#4c14f2
```
#4c14f2 rgb(76,20,242)
```

Complementary Color

#f2bb14
```
#f2bb14 rgb(242,187,20)
```
#baf214
```
#baf214 rgb(186,242,20)
```
#4bf214
```
#4bf214 rgb(75,242,20)
```

Analogous Color

#bb14f2
```
#bb14f2 rgb(187,20,242)
```
#baf214
```
#baf214 rgb(186,242,20)
```
#144bf2
```
#144bf2 rgb(20,75,242)
```

Split Complementary Color

#f214ba
```
#f214ba rgb(242,20,186)
```
#baf214
```
#baf214 rgb(186,242,20)
```
#14baf2
```
#14baf2 rgb(20,186,242)
```

Triadic Color

#f24c14
```
#f24c14 rgb(242,76,20)
```
#baf214
```
#baf214 rgb(186,242,20)
```
#14baf2
```
#14baf2 rgb(20,186,242)
```
#4c14f2
```
#4c14f2 rgb(76,20,242)
```

Tetradic Color

#86b00a
```
#86b00a rgb(134,176,10)
```
#98c80b
```
#98c80b rgb(152,200,11)
```
#abe00c
```
#abe00c rgb(171,224,12)
```
#baf214
```
#baf214 rgb(186,242,20)
```
#c1f32c
```
#c1f32c rgb(193,243,44)
```
#c8f544
```
#c8f544 rgb(200,245,68)
```
#cff65c
```
#cff65c rgb(207,246,92)
```

Monochromatic Color

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

#f2f214
```
#f2f214 rgb(242,242,20)
```
#dff214
```
#dff214 rgb(223,242,20)
```
#cdf214
```
#cdf214 rgb(205,242,20)
```
#baf214
```
#baf214 rgb(186,242,20)
```
#a8f214
```
#a8f214 rgb(168,242,20)
```
#95f214
```
#95f214 rgb(149,242,20)
```
#83f214
```
#83f214 rgb(131,242,20)
```

Similar Colors

Text with hexadecimal color #baf214

This text has a font color of #baf214.

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

#baf214 background color

This paragraph has a background color of #baf214.

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

#baf214 border color

This element has a border color of #baf214.

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

CSS codes

.text {color:#baf214;}

.background {background-color:#baf214;}

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

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

#050700
```
#050700 rgb(5,7,0)
```
#131901
```
#131901 rgb(19,25,1)
```
#212c02
```
#212c02 rgb(33,44,2)
```
#303e03
```
#303e03 rgb(48,62,3)
```
#3e5104
```
#3e5104 rgb(62,81,4)
```
#4c6406
```
#4c6406 rgb(76,100,6)
```
#5a7607
```
#5a7607 rgb(90,118,7)
```
#688908
```
#688908 rgb(104,137,8)
```
#769b09
```
#769b09 rgb(118,155,9)
```
#84ae0a
```
#84ae0a rgb(132,174,10)
```
#93c10b
```
#93c10b rgb(147,193,11)
```
#a1d30c
```
#a1d30c rgb(161,211,12)
```
#afe60d
```
#afe60d rgb(175,230,13)
```

Shade Color Variation

#baf214
```
#baf214 rgb(186,242,20)
```
#bff327
```
#bff327 rgb(191,243,39)
```
#c5f439
```
#c5f439 rgb(197,244,57)
```
#caf54c
```
#caf54c rgb(202,245,76)
```
#d0f65e
```
#d0f65e rgb(208,246,94)
```
#d5f771
```
#d5f771 rgb(213,247,113)
```
#dbf884
```
#dbf884 rgb(219,248,132)
```
#e0f996
```
#e0f996 rgb(224,249,150)
```
#e6faa9
```
#e6faa9 rgb(230,250,169)
```
#ebfbbb
```
#ebfbbb rgb(235,251,187)
```
#f1fcce
```
#f1fcce rgb(241,252,206)
```
#f6fde0
```
#f6fde0 rgb(246,253,224)
```
#fbfef3
```
#fbfef3 rgb(251,254,243)
```

Tint Color Variation

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

#86897d
```
#86897d rgb(134,137,125)
```
#8b9373
```
#8b9373 rgb(139,147,115)
```
#8f9c6a
```
#8f9c6a rgb(143,156,106)
```
#94a660
```
#94a660 rgb(148,166,96)
```
#99af57
```
#99af57 rgb(153,175,87)
```
#9eb94d
```
#9eb94d rgb(158,185,77)
```
#a2c244
```
#a2c244 rgb(162,194,68)
```
#a7cc3a
```
#a7cc3a rgb(167,204,58)
```
#acd531
```
#acd531 rgb(172,213,49)
```
#b1df27
```
#b1df27 rgb(177,223,39)
```
#b5e81e
```
#b5e81e rgb(181,232,30)
```
#baf214
```
#baf214 rgb(186,242,20)
```
#bffc0a
```
#bffc0a rgb(191,252,10)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c5d0a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#e4e717 Protanomaly 1% of men, 0.01% of women
#e5e373 Deuteranomaly 6% of men, 0.4% of women
#cae8a1 Tritanomaly 0.01% of the population

#baf214 hex color

#baf214 Color Information

#baf214 Color Conversion

Color Schemes with #baf214

Alternatives to #baf214

#baf214 Preview

Shades and Tints of #baf214

Tones of #baf214

Color Blindness Simulator