#baf531 hex color

In a RGB color space, hex #baf531 is composed of 72.9% red, 96.1% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 80% yellow and 3.9% black. It has a hue angle of 78.1 degrees, a saturation of 90.7% and a lightness of 57.6%. #baf531 color hex could be obtained by blending #ffff62 with #75eb00. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 73
- G 96
- B 19
RGB color chart
- C 24
- M 0
- Y 80
- K 4
CMYK color chart

● #baf531 color description : Bright green.

The hexadecimal color #baf531 has RGB values of R:186, G:245, B:49 and CMYK values of C:0.24, M:0, Y:0.8, K:0.04. Its decimal value is 12252465.

Hex triplet	baf531	`#baf531`
RGB Decimal	186, 245, 49	`rgb(186,245,49)`
RGB Percent	72.9, 96.1, 19.2	`rgb(72.9%,96.1%,19.2%)`
CMYK	24, 0, 80, 4
HSL	78.1°, 90.7, 57.6	`hsl(78.1,90.7%,57.6%)`
HSV (or HSB)	78.1°, 80, 96.1
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.843, -43.5, 79.767
XYZ	53.456, 75.965, 14.752
xyY	0.371, 0.527, 75.965
CIE-LCH	89.843, 90.857, 118.605
CIE-LUV	89.843, -29.21, 98.431
Hunter-Lab	87.158, -43.048, 50.975
Binary	10111010, 11110101, 00110001

#baf531
```
#baf531 rgb(186,245,49)
```
#6c31f5
```
#6c31f5 rgb(108,49,245)
```

Complementary Color

#f5ce31
```
#f5ce31 rgb(245,206,49)
```
#baf531
```
#baf531 rgb(186,245,49)
```
#58f531
```
#58f531 rgb(88,245,49)
```

Analogous Color

#ce31f5
```
#ce31f5 rgb(206,49,245)
```
#baf531
```
#baf531 rgb(186,245,49)
```
#3158f5
```
#3158f5 rgb(49,88,245)
```

Split Complementary Color

#f531ba
```
#f531ba rgb(245,49,186)
```
#baf531
```
#baf531 rgb(186,245,49)
```
#31baf5
```
#31baf5 rgb(49,186,245)
```

Triadic Color

#f56c31
```
#f56c31 rgb(245,108,49)
```
#baf531
```
#baf531 rgb(186,245,49)
```
#31baf5
```
#31baf5 rgb(49,186,245)
```
#6c31f5
```
#6c31f5 rgb(108,49,245)
```

Tetradic Color

#94cf0a
```
#94cf0a rgb(148,207,10)
```
#a5e80b
```
#a5e80b rgb(165,232,11)
```
#b2f419
```
#b2f419 rgb(178,244,25)
```
#baf531
```
#baf531 rgb(186,245,49)
```
#c2f649
```
#c2f649 rgb(194,246,73)
```
#caf762
```
#caf762 rgb(202,247,98)
```
#d2f97a
```
#d2f97a rgb(210,249,122)
```

Monochromatic Color

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

#ebf531
```
#ebf531 rgb(235,245,49)
```
#dbf531
```
#dbf531 rgb(219,245,49)
```
#caf531
```
#caf531 rgb(202,245,49)
```
#baf531
```
#baf531 rgb(186,245,49)
```
#aaf531
```
#aaf531 rgb(170,245,49)
```
#99f531
```
#99f531 rgb(153,245,49)
```
#89f531
```
#89f531 rgb(137,245,49)
```

Similar Colors

Text with hexadecimal color #baf531

This text has a font color of #baf531.

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

#baf531 background color

This paragraph has a background color of #baf531.

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

#baf531 border color

This element has a border color of #baf531.

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

CSS codes

.text {color:#baf531;}

.background {background-color:#baf531;}

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

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

#0d1201
```
#0d1201 rgb(13,18,1)
```
#1b2502
```
#1b2502 rgb(27,37,2)
```
#283803
```
#283803 rgb(40,56,3)
```
#354b04
```
#354b04 rgb(53,75,4)
```
#435d05
```
#435d05 rgb(67,93,5)
```
#507005
```
#507005 rgb(80,112,5)
```
#5d8306
```
#5d8306 rgb(93,131,6)
```
#6b9507
```
#6b9507 rgb(107,149,7)
```
#78a808
```
#78a808 rgb(120,168,8)
```
#85bb09
```
#85bb09 rgb(133,187,9)
```
#93ce0a
```
#93ce0a rgb(147,206,10)
```
#a0e00b
```
#a0e00b rgb(160,224,11)
```
#adf30c
```
#adf30c rgb(173,243,12)
```

Shade Color Variation

#b4f41e
```
#b4f41e rgb(180,244,30)
```
#baf531
```
#baf531 rgb(186,245,49)
```
#c0f644
```
#c0f644 rgb(192,246,68)
```
#c7f756
```
#c7f756 rgb(199,247,86)
```
#cdf869
```
#cdf869 rgb(205,248,105)
```
#d3f97c
```
#d3f97c rgb(211,249,124)
```
#d9fa8f
```
#d9fa8f rgb(217,250,143)
```
#e0faa1
```
#e0faa1 rgb(224,250,161)
```
#e6fbb4
```
#e6fbb4 rgb(230,251,180)
```
#ecfcc7
```
#ecfcc7 rgb(236,252,199)
```
#f2fdd9
```
#f2fdd9 rgb(242,253,217)
```
#f9feec
```
#f9feec rgb(249,254,236)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#969a8c
```
#969a8c rgb(150,154,140)
```
#99a284
```
#99a284 rgb(153,162,132)
```
#9caa7c
```
#9caa7c rgb(156,170,124)
```
#a0b373
```
#a0b373 rgb(160,179,115)
```
#a3bb6b
```
#a3bb6b rgb(163,187,107)
```
#a6c363
```
#a6c363 rgb(166,195,99)
```
#a9cb5b
```
#a9cb5b rgb(169,203,91)
```
#add452
```
#add452 rgb(173,212,82)
```
#b0dc4a
```
#b0dc4a rgb(176,220,74)
```
#b3e442
```
#b3e442 rgb(179,228,66)
```
#b7ed39
```
#b7ed39 rgb(183,237,57)
```
#baf531
```
#baf531 rgb(186,245,49)
```
#bdfd29
```
#bdfd29 rgb(189,253,41)
```

Tone Color Variation

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

Dichromacy

#fee336 Protanopia 1% of men
#ffdeb3 Deuteranopia 1% of men
#d4e5f6 Tritanopia 0.001% of the population

Trichromacy

#e5ea34 Protanomaly 1% of men, 0.01% of women
#e5e684 Deuteranomaly 6% of men, 0.4% of women
#caebae Tritanomaly 0.01% of the population

#baf531 hex color

#baf531 Color Information

#baf531 Color Conversion

Color Schemes with #baf531

Alternatives to #baf531

#baf531 Preview

Shades and Tints of #baf531

Tones of #baf531

Color Blindness Simulator