#baf530 hex color

In a RGB color space, hex #baf530 is composed of 72.9% red, 96.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 80.4% yellow and 3.9% black. It has a hue angle of 78 degrees, a saturation of 90.8% and a lightness of 57.5%. #baf530 color hex could be obtained by blending #ffff60 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

● #baf530 color description : Bright green.

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

Hex triplet	baf530	`#baf530`
RGB Decimal	186, 245, 48	`rgb(186,245,48)`
RGB Percent	72.9, 96.1, 18.8	`rgb(72.9%,96.1%,18.8%)`
CMYK	24, 0, 80, 4
HSL	78°, 90.8, 57.5	`hsl(78,90.8%,57.5%)`
HSV (or HSB)	78°, 80.4, 96.1
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.839, -43.537, 80.016
XYZ	53.435, 75.956, 14.642
xyY	0.371, 0.527, 75.956
CIE-LCH	89.839, 91.093, 118.551
CIE-LUV	89.839, -29.21, 98.604
Hunter-Lab	87.153, -43.076, 51.046
Binary	10111010, 11110101, 00110000

#baf530
```
#baf530 rgb(186,245,48)
```
#6b30f5
```
#6b30f5 rgb(107,48,245)
```

Complementary Color

#f5ce30
```
#f5ce30 rgb(245,206,48)
```
#baf530
```
#baf530 rgb(186,245,48)
```
#58f530
```
#58f530 rgb(88,245,48)
```

Analogous Color

#ce30f5
```
#ce30f5 rgb(206,48,245)
```
#baf530
```
#baf530 rgb(186,245,48)
```
#3058f5
```
#3058f5 rgb(48,88,245)
```

Split Complementary Color

#f530ba
```
#f530ba rgb(245,48,186)
```
#baf530
```
#baf530 rgb(186,245,48)
```
#30baf5
```
#30baf5 rgb(48,186,245)
```

Triadic Color

#f56b30
```
#f56b30 rgb(245,107,48)
```
#baf530
```
#baf530 rgb(186,245,48)
```
#30baf5
```
#30baf5 rgb(48,186,245)
```
#6b30f5
```
#6b30f5 rgb(107,48,245)
```

Tetradic Color

#94cf0a
```
#94cf0a rgb(148,207,10)
```
#a5e70b
```
#a5e70b rgb(165,231,11)
```
#b2f418
```
#b2f418 rgb(178,244,24)
```
#baf530
```
#baf530 rgb(186,245,48)
```
#c2f648
```
#c2f648 rgb(194,246,72)
```
#caf761
```
#caf761 rgb(202,247,97)
```
#d2f979
```
#d2f979 rgb(210,249,121)
```

Monochromatic Color

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

#ebf530
```
#ebf530 rgb(235,245,48)
```
#dbf530
```
#dbf530 rgb(219,245,48)
```
#caf530
```
#caf530 rgb(202,245,48)
```
#baf530
```
#baf530 rgb(186,245,48)
```
#aaf530
```
#aaf530 rgb(170,245,48)
```
#99f530
```
#99f530 rgb(153,245,48)
```
#89f530
```
#89f530 rgb(137,245,48)
```

Similar Colors

Text with hexadecimal color #baf530

This text has a font color of #baf530.

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

#baf530 background color

This paragraph has a background color of #baf530.

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

#baf530 border color

This element has a border color of #baf530.

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

CSS codes

.text {color:#baf530;}

.background {background-color:#baf530;}

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

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 #fffffe is the lightest one.

#0d1201
```
#0d1201 rgb(13,18,1)
```
#1a2402
```
#1a2402 rgb(26,36,2)
```
#273703
```
#273703 rgb(39,55,3)
```
#354a04
```
#354a04 rgb(53,74,4)
```
#425c04
```
#425c04 rgb(66,92,4)
```
#4f6f05
```
#4f6f05 rgb(79,111,5)
```
#5d8206
```
#5d8206 rgb(93,130,6)
```
#6a9507
```
#6a9507 rgb(106,149,7)
```
#78a708
```
#78a708 rgb(120,167,8)
```
#85ba09
```
#85ba09 rgb(133,186,9)
```
#92cd0a
```
#92cd0a rgb(146,205,10)
```
#a0df0b
```
#a0df0b rgb(160,223,11)
```
#adf20c
```
#adf20c rgb(173,242,12)
```

Shade Color Variation

#b4f41d
```
#b4f41d rgb(180,244,29)
```
#baf530
```
#baf530 rgb(186,245,48)
```
#c0f643
```
#c0f643 rgb(192,246,67)
```
#c6f755
```
#c6f755 rgb(198,247,85)
```
#cdf868
```
#cdf868 rgb(205,248,104)
```
#d3f97b
```
#d3f97b rgb(211,249,123)
```
#d9fa8e
```
#d9fa8e rgb(217,250,142)
```
#dffaa0
```
#dffaa0 rgb(223,250,160)
```
#e6fbb3
```
#e6fbb3 rgb(230,251,179)
```
#ecfcc6
```
#ecfcc6 rgb(236,252,198)
```
#f2fdd8
```
#f2fdd8 rgb(242,253,216)
```
#f8feeb
```
#f8feeb rgb(248,254,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#95998c
```
#95998c rgb(149,153,140)
```
#99a283
```
#99a283 rgb(153,162,131)
```
#9caa7b
```
#9caa7b rgb(156,170,123)
```
#9fb273
```
#9fb273 rgb(159,178,115)
```
#a3bb6a
```
#a3bb6a rgb(163,187,106)
```
#a6c362
```
#a6c362 rgb(166,195,98)
```
#a9cb5a
```
#a9cb5a rgb(169,203,90)
```
#add451
```
#add451 rgb(173,212,81)
```
#b0dc49
```
#b0dc49 rgb(176,220,73)
```
#b3e441
```
#b3e441 rgb(179,228,65)
```
#b7ed38
```
#b7ed38 rgb(183,237,56)
```
#baf530
```
#baf530 rgb(186,245,48)
```
#bdfd28
```
#bdfd28 rgb(189,253,40)
```

Tone Color Variation

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

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

#baf530 hex color

#baf530 Color Information

#baf530 Color Conversion

Color Schemes with #baf530

Alternatives to #baf530

#baf530 Preview

Shades and Tints of #baf530

Tones of #baf530

Color Blindness Simulator