#baf820 hex color

In a RGB color space, hex #baf820 is composed of 72.9% red, 97.3% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 87.1% yellow and 2.7% black. It has a hue angle of 77.2 degrees, a saturation of 93.9% and a lightness of 54.9%. #baf820 color hex could be obtained by blending #ffff40 with #75f100. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 73
- G 97
- B 13
RGB color chart
- C 25
- M 0
- Y 87
- K 3
CMYK color chart

● #baf820 color description : Vivid green.

The hexadecimal color #baf820 has RGB values of R:186, G:248, B:32 and CMYK values of C:0.25, M:0, Y:0.87, K:0.03. Its decimal value is 12253216.

Hex triplet	baf820	`#baf820`
RGB Decimal	186, 248, 32	`rgb(186,248,32)`
RGB Percent	72.9, 97.3, 12.5	`rgb(72.9%,97.3%,12.5%)`
CMYK	25, 0, 87, 3
HSL	77.2°, 93.9, 54.9	`hsl(77.2,93.9%,54.9%)`
HSV (or HSB)	77.2°, 87.1, 97.3
Web Safe	ccff33	`#ccff33`

CIE-LAB	90.632, -45.31, 84.094
XYZ	54.077, 77.677, 13.511
xyY	0.372, 0.535, 77.677
CIE-LCH	90.632, 95.523, 118.316
CIE-LUV	90.632, -30.792, 102.038
Hunter-Lab	88.135, -44.713, 52.605
Binary	10111010, 11111000, 00100000

#baf820
```
#baf820 rgb(186,248,32)
```
#5e20f8
```
#5e20f8 rgb(94,32,248)
```

Complementary Color

#f8ca20
```
#f8ca20 rgb(248,202,32)
```
#baf820
```
#baf820 rgb(186,248,32)
```
#4ef820
```
#4ef820 rgb(78,248,32)
```

Analogous Color

#ca20f8
```
#ca20f8 rgb(202,32,248)
```
#baf820
```
#baf820 rgb(186,248,32)
```
#204ef8
```
#204ef8 rgb(32,78,248)
```

Split Complementary Color

#f820ba
```
#f820ba rgb(248,32,186)
```
#baf820
```
#baf820 rgb(186,248,32)
```
#20baf8
```
#20baf8 rgb(32,186,248)
```

Triadic Color

#f85e20
```
#f85e20 rgb(248,94,32)
```
#baf820
```
#baf820 rgb(186,248,32)
```
#20baf8
```
#20baf8 rgb(32,186,248)
```
#5e20f8
```
#5e20f8 rgb(94,32,248)
```

Tetradic Color

#8ec506
```
#8ec506 rgb(142,197,6)
```
#a0de07
```
#a0de07 rgb(160,222,7)
```
#b2f708
```
#b2f708 rgb(178,247,8)
```
#baf820
```
#baf820 rgb(186,248,32)
```
#c2f939
```
#c2f939 rgb(194,249,57)
```
#c9fa51
```
#c9fa51 rgb(201,250,81)
```
#d1fa6a
```
#d1fa6a rgb(209,250,106)
```

Monochromatic Color

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

#f0f820
```
#f0f820 rgb(240,248,32)
```
#def820
```
#def820 rgb(222,248,32)
```
#ccf820
```
#ccf820 rgb(204,248,32)
```
#baf820
```
#baf820 rgb(186,248,32)
```
#a8f820
```
#a8f820 rgb(168,248,32)
```
#96f820
```
#96f820 rgb(150,248,32)
```
#84f820
```
#84f820 rgb(132,248,32)
```

Similar Colors

Text with hexadecimal color #baf820

This text has a font color of #baf820.

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

#baf820 background color

This paragraph has a background color of #baf820.

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

#baf820 border color

This element has a border color of #baf820.

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

CSS codes

.text {color:#baf820;}

.background {background-color:#baf820;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#121801
```
#121801 rgb(18,24,1)
```
#1f2b01
```
#1f2b01 rgb(31,43,1)
```
#2d3e02
```
#2d3e02 rgb(45,62,2)
```
#3b5103
```
#3b5103 rgb(59,81,3)
```
#486403
```
#486403 rgb(72,100,3)
```
#567704
```
#567704 rgb(86,119,4)
```
#648a04
```
#648a04 rgb(100,138,4)
```
#729d05
```
#729d05 rgb(114,157,5)
```
#7fb006
```
#7fb006 rgb(127,176,6)
```
#8dc306
```
#8dc306 rgb(141,195,6)
```
#9bd607
```
#9bd607 rgb(155,214,7)
```
#a9e907
```
#a9e907 rgb(169,233,7)
```

Shade Color Variation

#b4f70d
```
#b4f70d rgb(180,247,13)
```
#baf820
```
#baf820 rgb(186,248,32)
```
#c0f933
```
#c0f933 rgb(192,249,51)
```
#c6f946
```
#c6f946 rgb(198,249,70)
```
#ccfa59
```
#ccfa59 rgb(204,250,89)
```
#d2fa6c
```
#d2fa6c rgb(210,250,108)
```
#d7fb7f
```
#d7fb7f rgb(215,251,127)
```
#ddfc92
```
#ddfc92 rgb(221,252,146)
```
#e3fca5
```
#e3fca5 rgb(227,252,165)
```
#e9fdb8
```
#e9fdb8 rgb(233,253,184)
```
#effdcb
```
#effdcb rgb(239,253,203)
```
#f5fede
```
#f5fede rgb(245,254,222)
```
#fbfff1
```
#fbfff1 rgb(251,255,241)
```

Tint Color Variation

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

#8d8e8a
```
#8d8e8a rgb(141,142,138)
```
#919781
```
#919781 rgb(145,151,129)
```
#94a078
```
#94a078 rgb(148,160,120)
```
#98a870
```
#98a870 rgb(152,168,112)
```
#9cb167
```
#9cb167 rgb(156,177,103)
```
#a0ba5e
```
#a0ba5e rgb(160,186,94)
```
#a3c355
```
#a3c355 rgb(163,195,85)
```
#a7cc4c
```
#a7cc4c rgb(167,204,76)
```
#abd543
```
#abd543 rgb(171,213,67)
```
#afdd3b
```
#afdd3b rgb(175,221,59)
```
#b2e632
```
#b2e632 rgb(178,230,50)
```
#b6ef29
```
#b6ef29 rgb(182,239,41)
```
#baf820
```
#baf820 rgb(186,248,32)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#c9d6aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe559 Protanopia 1% of men
#ffe1ba Deuteranopia 1% of men
#d5e7f8 Tritanopia 0.001% of the population

Trichromacy

#e5ec44 Protanomaly 1% of men, 0.01% of women
#e5e982 Deuteranomaly 6% of men, 0.4% of women
#cbeda9 Tritanomaly 0.01% of the population

#baf820 hex color

#baf820 Color Information

#baf820 Color Conversion

Color Schemes with #baf820

Alternatives to #baf820

#baf820 Preview

Shades and Tints of #baf820

Tones of #baf820

Color Blindness Simulator