#baf059 hex color

In a RGB color space, hex #baf059 is composed of 72.9% red, 94.1% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 22.5% cyan, 0% magenta, 62.9% yellow and 5.9% black. It has a hue angle of 81.5 degrees, a saturation of 83.4% and a lightness of 64.5%. #baf059 color hex could be obtained by blending #ffffb2 with #75e100. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 73
- G 94
- B 35
RGB color chart
- C 23
- M 0
- Y 63
- K 6
CMYK color chart

● #baf059 color description : Soft green.

The hexadecimal color #baf059 has RGB values of R:186, G:240, B:89 and CMYK values of C:0.23, M:0, Y:0.63, K:0.06. Its decimal value is 12251225.

Hex triplet	baf059	`#baf059`
RGB Decimal	186, 240, 89	`rgb(186,240,89)`
RGB Percent	72.9, 94.1, 34.9	`rgb(72.9%,94.1%,34.9%)`
CMYK	23, 0, 63, 6
HSL	81.5°, 83.4, 64.5	`hsl(81.5,83.4%,64.5%)`
HSV (or HSB)	81.5°, 62.9, 94.1
Web Safe	ccff66	`#ccff66`

CIE-LAB	88.676, -39.098, 65.235
XYZ	53.212, 73.479, 20.83
xyY	0.361, 0.498, 73.479
CIE-LCH	88.676, 76.054, 120.936
CIE-LUV	88.676, -26.598, 86.07
Hunter-Lab	85.72, -39.204, 45.597
Binary	10111010, 11110000, 01011001

#baf059
```
#baf059 rgb(186,240,89)
```
#8f59f0
```
#8f59f0 rgb(143,89,240)
```

Complementary Color

#f0db59
```
#f0db59 rgb(240,219,89)
```
#baf059
```
#baf059 rgb(186,240,89)
```
#6ff059
```
#6ff059 rgb(111,240,89)
```

Analogous Color

#db59f0
```
#db59f0 rgb(219,89,240)
```
#baf059
```
#baf059 rgb(186,240,89)
```
#596ff0
```
#596ff0 rgb(89,111,240)
```

Split Complementary Color

#f059ba
```
#f059ba rgb(240,89,186)
```
#baf059
```
#baf059 rgb(186,240,89)
```
#59baf0
```
#59baf0 rgb(89,186,240)
```

Triadic Color

#f08f59
```
#f08f59 rgb(240,143,89)
```
#baf059
```
#baf059 rgb(186,240,89)
```
#59baf0
```
#59baf0 rgb(89,186,240)
```
#8f59f0
```
#8f59f0 rgb(143,89,240)
```

Tetradic Color

#9ce815
```
#9ce815 rgb(156,232,21)
```
#a7ec2a
```
#a7ec2a rgb(167,236,42)
```
#b0ee42
```
#b0ee42 rgb(176,238,66)
```
#baf059
```
#baf059 rgb(186,240,89)
```
#c4f270
```
#c4f270 rgb(196,242,112)
```
#cdf488
```
#cdf488 rgb(205,244,136)
```
#d7f69f
```
#d7f69f rgb(215,246,159)
```

Monochromatic Color

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

#e0f059
```
#e0f059 rgb(224,240,89)
```
#d3f059
```
#d3f059 rgb(211,240,89)
```
#c7f059
```
#c7f059 rgb(199,240,89)
```
#baf059
```
#baf059 rgb(186,240,89)
```
#adf059
```
#adf059 rgb(173,240,89)
```
#a1f059
```
#a1f059 rgb(161,240,89)
```
#94f059
```
#94f059 rgb(148,240,89)
```

Similar Colors

Text with hexadecimal color #baf059

This text has a font color of #baf059.

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

#baf059 background color

This paragraph has a background color of #baf059.

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

#baf059 border color

This element has a border color of #baf059.

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

CSS codes

.text {color:#baf059;}

.background {background-color:#baf059;}

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

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, #090e01 is the darkest color, while #fdfffb is the lightest one.

#090e01
```
#090e01 rgb(9,14,1)
```
#162003
```
#162003 rgb(22,32,3)
```
#223205
```
#223205 rgb(34,50,5)
```
#2e4406
```
#2e4406 rgb(46,68,6)
```
#3a5608
```
#3a5608 rgb(58,86,8)
```
#466809
```
#466809 rgb(70,104,9)
```
#527a0b
```
#527a0b rgb(82,122,11)
```
#5e8c0d
```
#5e8c0d rgb(94,140,13)
```
#6a9e0e
```
#6a9e0e rgb(106,158,14)
```
#77b010
```
#77b010 rgb(119,176,16)
```
#83c212
```
#83c212 rgb(131,194,18)
```
#8fd413
```
#8fd413 rgb(143,212,19)
```
#9be615
```
#9be615 rgb(155,230,21)
```

Shade Color Variation

#a4eb23
```
#a4eb23 rgb(164,235,35)
```
#abed35
```
#abed35 rgb(171,237,53)
```
#b3ee47
```
#b3ee47 rgb(179,238,71)
```
#baf059
```
#baf059 rgb(186,240,89)
```
#c1f26b
```
#c1f26b rgb(193,242,107)
```
#c9f37d
```
#c9f37d rgb(201,243,125)
```
#d0f58f
```
#d0f58f rgb(208,245,143)
```
#d8f7a1
```
#d8f7a1 rgb(216,247,161)
```
#dff8b3
```
#dff8b3 rgb(223,248,179)
```
#e7fac5
```
#e7fac5 rgb(231,250,197)
```
#eefbd7
```
#eefbd7 rgb(238,251,215)
```
#f6fde9
```
#f6fde9 rgb(246,253,233)
```
#fdfffb
```
#fdfffb rgb(253,255,251)
```

Tint Color Variation

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

#a6aa9f
```
#a6aa9f rgb(166,170,159)
```
#a8b198
```
#a8b198 rgb(168,177,152)
```
#aab891
```
#aab891 rgb(170,184,145)
```
#acbf8a
```
#acbf8a rgb(172,191,138)
```
#aec683
```
#aec683 rgb(174,198,131)
```
#b0cd7c
```
#b0cd7c rgb(176,205,124)
```
#b2d475
```
#b2d475 rgb(178,212,117)
```
#b4db6e
```
#b4db6e rgb(180,219,110)
```
#b6e267
```
#b6e267 rgb(182,226,103)
```
#b8e960
```
#b8e960 rgb(184,233,96)
```
#baf059
```
#baf059 rgb(186,240,89)
```
#bcf752
```
#bcf752 rgb(188,247,82)
```
#befe4b
```
#befe4b rgb(190,254,75)
```

Tone Color Variation

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

#cfcfcf Achromatopsia 0.005% of the population
#cbd6b7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9e05d Protanopia 1% of men
#ffdaab Deuteranopia 1% of men
#d2e2f2 Tritanopia 0.001% of the population

Trichromacy

#e2e65b Protanomaly 1% of men, 0.01% of women
#e5e28d Deuteranomaly 6% of men, 0.4% of women
#c9e7ba Tritanomaly 0.01% of the population

#baf059 hex color

#baf059 Color Information

#baf059 Color Conversion

Color Schemes with #baf059

Alternatives to #baf059

#baf059 Preview

Shades and Tints of #baf059

Tones of #baf059

Color Blindness Simulator