#baf34a hex color

In a RGB color space, hex #baf34a is composed of 72.9% red, 95.3% green and 29% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 0% magenta, 69.5% yellow and 4.7% black. It has a hue angle of 80.2 degrees, a saturation of 87.6% and a lightness of 62.2%. #baf34a color hex could be obtained by blending #ffff94 with #75e700. Closest websafe color is: #ccff33.

♥
- f
- t
- g
- R 73
- G 95
- B 29
RGB color chart
- C 23
- M 0
- Y 70
- K 5
CMYK color chart

● #baf34a color description : Soft green.

The hexadecimal color #baf34a has RGB values of R:186, G:243, B:74 and CMYK values of C:0.23, M:0, Y:0.7, K:0.05. Its decimal value is 12251978.

Hex triplet	baf34a	`#baf34a`
RGB Decimal	186, 243, 74	`rgb(186,243,74)`
RGB Percent	72.9, 95.3, 29	`rgb(72.9%,95.3%,29%)`
CMYK	23, 0, 70, 5
HSL	80.2°, 87.6, 62.2	`hsl(80.2,87.6%,62.2%)`
HSV (or HSB)	80.2°, 69.5, 95.3
Web Safe	ccff33	`#ccff33`

CIE-LAB	89.409, -41.423, 71.688
XYZ	53.535, 75.034, 18.141
xyY	0.365, 0.511, 75.034
CIE-LCH	89.409, 82.795, 120.02
CIE-LUV	89.409, -28.162, 91.996
Hunter-Lab	86.622, -41.269, 48.219
Binary	10111010, 11110011, 01001010

#baf34a
```
#baf34a rgb(186,243,74)
```
#834af3
```
#834af3 rgb(131,74,243)
```

Complementary Color

#f3d84a
```
#f3d84a rgb(243,216,74)
```
#baf34a
```
#baf34a rgb(186,243,74)
```
#66f34a
```
#66f34a rgb(102,243,74)
```

Analogous Color

#d84af3
```
#d84af3 rgb(216,74,243)
```
#baf34a
```
#baf34a rgb(186,243,74)
```
#4a66f3
```
#4a66f3 rgb(74,102,243)
```

Split Complementary Color

#f34aba
```
#f34aba rgb(243,74,186)
```
#baf34a
```
#baf34a rgb(186,243,74)
```
#4abaf3
```
#4abaf3 rgb(74,186,243)
```

Triadic Color

#f3834a
```
#f3834a rgb(243,131,74)
```
#baf34a
```
#baf34a rgb(186,243,74)
```
#4abaf3
```
#4abaf3 rgb(74,186,243)
```
#834af3
```
#834af3 rgb(131,74,243)
```

Tetradic Color

#9be20f
```
#9be20f rgb(155,226,15)
```
#a8f01a
```
#a8f01a rgb(168,240,26)
```
#b1f132
```
#b1f132 rgb(177,241,50)
```
#baf34a
```
#baf34a rgb(186,243,74)
```
#c3f562
```
#c3f562 rgb(195,245,98)
```
#ccf67a
```
#ccf67a rgb(204,246,122)
```
#d5f892
```
#d5f892 rgb(213,248,146)
```

Monochromatic Color

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

#e4f34a
```
#e4f34a rgb(228,243,74)
```
#d6f34a
```
#d6f34a rgb(214,243,74)
```
#c8f34a
```
#c8f34a rgb(200,243,74)
```
#baf34a
```
#baf34a rgb(186,243,74)
```
#acf34a
```
#acf34a rgb(172,243,74)
```
#9ef34a
```
#9ef34a rgb(158,243,74)
```
#90f34a
```
#90f34a rgb(144,243,74)
```

Similar Colors

Text with hexadecimal color #baf34a

This text has a font color of #baf34a.

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

#baf34a background color

This paragraph has a background color of #baf34a.

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

#baf34a border color

This element has a border color of #baf34a.

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

CSS codes

.text {color:#baf34a;}

.background {background-color:#baf34a;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#0f1501
```
#0f1501 rgb(15,21,1)
```
#1b2803
```
#1b2803 rgb(27,40,3)
```
#283a04
```
#283a04 rgb(40,58,4)
```
#344d05
```
#344d05 rgb(52,77,5)
```
#415f06
```
#415f06 rgb(65,95,6)
```
#4e7108
```
#4e7108 rgb(78,113,8)
```
#5a8409
```
#5a8409 rgb(90,132,9)
```
#67960a
```
#67960a rgb(103,150,10)
```
#73a90b
```
#73a90b rgb(115,169,11)
```
#80bb0c
```
#80bb0c rgb(128,187,12)
```
#8dcd0e
```
#8dcd0e rgb(141,205,14)
```
#99e00f
```
#99e00f rgb(153,224,15)
```

Shade Color Variation

#a5ef13
```
#a5ef13 rgb(165,239,19)
```
#acf125
```
#acf125 rgb(172,241,37)
```
#b3f238
```
#b3f238 rgb(179,242,56)
```
#baf34a
```
#baf34a rgb(186,243,74)
```
#c1f45c
```
#c1f45c rgb(193,244,92)
```
#c8f56f
```
#c8f56f rgb(200,245,111)
```
#cff781
```
#cff781 rgb(207,247,129)
```
#d6f894
```
#d6f894 rgb(214,248,148)
```
#ddf9a6
```
#ddf9a6 rgb(221,249,166)
```
#e4fab8
```
#e4fab8 rgb(228,250,184)
```
#ebfccb
```
#ebfccb rgb(235,252,203)
```
#f2fddd
```
#f2fddd rgb(242,253,221)
```
#f9fef0
```
#f9fef0 rgb(249,254,240)
```

Tint Color Variation

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

#9fa19c
```
#9fa19c rgb(159,161,156)
```
#a2a994
```
#a2a994 rgb(162,169,148)
```
#a4b08d
```
#a4b08d rgb(164,176,141)
```
#a7b885
```
#a7b885 rgb(167,184,133)
```
#a9bf7e
```
#a9bf7e rgb(169,191,126)
```
#acc677
```
#acc677 rgb(172,198,119)
```
#aece6f
```
#aece6f rgb(174,206,111)
```
#b0d568
```
#b0d568 rgb(176,213,104)
```
#b3dd60
```
#b3dd60 rgb(179,221,96)
```
#b5e459
```
#b5e459 rgb(181,228,89)
```
#b8ec51
```
#b8ec51 rgb(184,236,81)
```
#baf34a
```
#baf34a rgb(186,243,74)
```
#bcfa43
```
#bcfa43 rgb(188,250,67)
```

Tone Color Variation

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

Dichromacy

#fce24e Protanopia 1% of men
#ffddb1 Deuteranopia 1% of men
#d3e4f4 Tritanopia 0.001% of the population

Trichromacy

#e4e84d Protanomaly 1% of men, 0.01% of women
#e5e58b Deuteranomaly 6% of men, 0.4% of women
#cae9b6 Tritanomaly 0.01% of the population

#baf34a hex color

#baf34a Color Information

#baf34a Color Conversion

Color Schemes with #baf34a

Alternatives to #baf34a

#baf34a Preview

Shades and Tints of #baf34a

Tones of #baf34a

Color Blindness Simulator