#baf535 hex color

In a RGB color space, hex #baf535 is composed of 72.9% red, 96.1% green and 20.8% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 78.4% yellow and 3.9% black. It has a hue angle of 78.4 degrees, a saturation of 90.6% and a lightness of 58.4%. #baf535 color hex could be obtained by blending #ffff6a with #75eb00. Closest websafe color is: #ccff33.

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

● #baf535 color description : Bright green.

The hexadecimal color #baf535 has RGB values of R:186, G:245, B:53 and CMYK values of C:0.24, M:0, Y:0.78, K:0.04. Its decimal value is 12252469.

Hex triplet	baf535	`#baf535`
RGB Decimal	186, 245, 53	`rgb(186,245,53)`
RGB Percent	72.9, 96.1, 20.8	`rgb(72.9%,96.1%,20.8%)`
CMYK	24, 0, 78, 4
HSL	78.4°, 90.6, 58.4	`hsl(78.4,90.6%,58.4%)`
HSV (or HSB)	78.4°, 78.4, 96.1
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.859, -43.343, 78.728
XYZ	53.544, 76, 15.216
xyY	0.37, 0.525, 76
CIE-LCH	89.859, 89.871, 118.835
CIE-LUV	89.859, -29.21, 97.701
Hunter-Lab	87.178, -42.928, 50.676
Binary	10111010, 11110101, 00110101

#baf535
```
#baf535 rgb(186,245,53)
```
#7035f5
```
#7035f5 rgb(112,53,245)
```

Complementary Color

#f5d035
```
#f5d035 rgb(245,208,53)
```
#baf535
```
#baf535 rgb(186,245,53)
```
#5af535
```
#5af535 rgb(90,245,53)
```

Analogous Color

#d035f5
```
#d035f5 rgb(208,53,245)
```
#baf535
```
#baf535 rgb(186,245,53)
```
#355af5
```
#355af5 rgb(53,90,245)
```

Split Complementary Color

#f535ba
```
#f535ba rgb(245,53,186)
```
#baf535
```
#baf535 rgb(186,245,53)
```
#35baf5
```
#35baf5 rgb(53,186,245)
```

Triadic Color

#f57035
```
#f57035 rgb(245,112,53)
```
#baf535
```
#baf535 rgb(186,245,53)
```
#35baf5
```
#35baf5 rgb(53,186,245)
```
#7035f5
```
#7035f5 rgb(112,53,245)
```

Tetradic Color

#95d30a
```
#95d30a rgb(149,211,10)
```
#a7eb0c
```
#a7eb0c rgb(167,235,12)
```
#b2f41d
```
#b2f41d rgb(178,244,29)
```
#baf535
```
#baf535 rgb(186,245,53)
```
#c2f64d
```
#c2f64d rgb(194,246,77)
```
#cbf766
```
#cbf766 rgb(203,247,102)
```
#d3f97e
```
#d3f97e rgb(211,249,126)
```

Monochromatic Color

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

#eaf535
```
#eaf535 rgb(234,245,53)
```
#daf535
```
#daf535 rgb(218,245,53)
```
#caf535
```
#caf535 rgb(202,245,53)
```
#baf535
```
#baf535 rgb(186,245,53)
```
#aaf535
```
#aaf535 rgb(170,245,53)
```
#9af535
```
#9af535 rgb(154,245,53)
```
#8af535
```
#8af535 rgb(138,245,53)
```

Similar Colors

Text with hexadecimal color #baf535

This text has a font color of #baf535.

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

#baf535 background color

This paragraph has a background color of #baf535.

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

#baf535 border color

This element has a border color of #baf535.

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

CSS codes

.text {color:#baf535;}

.background {background-color:#baf535;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#101601
```
#101601 rgb(16,22,1)
```
#1d2902
```
#1d2902 rgb(29,41,2)
```
#2a3c03
```
#2a3c03 rgb(42,60,3)
```
#374e04
```
#374e04 rgb(55,78,4)
```
#456105
```
#456105 rgb(69,97,5)
```
#527406
```
#527406 rgb(82,116,6)
```
#5f8607
```
#5f8607 rgb(95,134,7)
```
#6c9908
```
#6c9908 rgb(108,153,8)
```
#7aac09
```
#7aac09 rgb(122,172,9)
```
#87be09
```
#87be09 rgb(135,190,9)
```
#94d10a
```
#94d10a rgb(148,209,10)
```
#a1e40b
```
#a1e40b rgb(161,228,11)
```

Shade Color Variation

#adf310
```
#adf310 rgb(173,243,16)
```
#b4f422
```
#b4f422 rgb(180,244,34)
```
#baf535
```
#baf535 rgb(186,245,53)
```
#c0f648
```
#c0f648 rgb(192,246,72)
```
#c7f75a
```
#c7f75a rgb(199,247,90)
```
#cdf86d
```
#cdf86d rgb(205,248,109)
```
#d4f980
```
#d4f980 rgb(212,249,128)
```
#dafa92
```
#dafa92 rgb(218,250,146)
```
#e0fba5
```
#e0fba5 rgb(224,251,165)
```
#e7fbb8
```
#e7fbb8 rgb(231,251,184)
```
#edfccb
```
#edfccb rgb(237,252,203)
```
#f3fddd
```
#f3fddd rgb(243,253,221)
```
#fafef0
```
#fafef0 rgb(250,254,240)
```

Tint Color Variation

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

#979b8f
```
#979b8f rgb(151,155,143)
```
#9ba387
```
#9ba387 rgb(155,163,135)
```
#9eac7e
```
#9eac7e rgb(158,172,126)
```
#a1b476
```
#a1b476 rgb(161,180,118)
```
#a4bc6e
```
#a4bc6e rgb(164,188,110)
```
#a7c466
```
#a7c466 rgb(167,196,102)
```
#aacc5e
```
#aacc5e rgb(170,204,94)
```
#add456
```
#add456 rgb(173,212,86)
```
#b1dd4d
```
#b1dd4d rgb(177,221,77)
```
#b4e545
```
#b4e545 rgb(180,229,69)
```
#b7ed3d
```
#b7ed3d rgb(183,237,61)
```
#baf535
```
#baf535 rgb(186,245,53)
```
#bdfd2d
```
#bdfd2d rgb(189,253,45)
```

Tone Color Variation

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

Dichromacy

#fee33a Protanopia 1% of men
#ffdeb4 Deuteranopia 1% of men
#d4e5f6 Tritanopia 0.001% of the population

Trichromacy

#e5ea38 Protanomaly 1% of men, 0.01% of women
#e5e685 Deuteranomaly 6% of men, 0.4% of women
#caebaf Tritanomaly 0.01% of the population

#baf535 hex color

#baf535 Color Information

#baf535 Color Conversion

Color Schemes with #baf535

Alternatives to #baf535

#baf535 Preview

Shades and Tints of #baf535

Tones of #baf535

Color Blindness Simulator