#baf49f hex color

In a RGB color space, hex #baf49f is composed of 72.9% red, 95.7% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 0% magenta, 34.8% yellow and 4.3% black. It has a hue angle of 100.9 degrees, a saturation of 79.4% and a lightness of 79%. #baf49f color hex could be obtained by blending #ffffff with #75e93f. Closest websafe color is: #ccff99.

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

● #baf49f color description : Very soft green.

The hexadecimal color #baf49f has RGB values of R:186, G:244, B:159 and CMYK values of C:0.24, M:0, Y:0.35, K:0.04. Its decimal value is 12252319.

Hex triplet	baf49f	`#baf49f`
RGB Decimal	186, 244, 159	`rgb(186,244,159)`
RGB Percent	72.9, 95.7, 62.4	`rgb(72.9%,95.7%,62.4%)`
CMYK	24, 0, 35, 4
HSL	100.9°, 79.4, 79	`hsl(100.9,79.4%,79%)`
HSV (or HSB)	100.9°, 34.8, 95.7
Web Safe	ccff99	`#ccff99`

CIE-LAB	90.616, -33.378, 35.195
XYZ	58.856, 77.642, 44.684
xyY	0.325, 0.429, 77.642
CIE-LCH	90.616, 48.505, 133.482
CIE-LUV	90.616, -28.766, 54.662
Hunter-Lab	88.115, -34.971, 31.613
Binary	10111010, 11110100, 10011111

#baf49f
```
#baf49f rgb(186,244,159)
```
#d99ff4
```
#d99ff4 rgb(217,159,244)
```

Complementary Color

#e5f49f
```
#e5f49f rgb(229,244,159)
```
#baf49f
```
#baf49f rgb(186,244,159)
```
#9ff4af
```
#9ff4af rgb(159,244,175)
```

Analogous Color

#f49fe5
```
#f49fe5 rgb(244,159,229)
```
#baf49f
```
#baf49f rgb(186,244,159)
```
#af9ff4
```
#af9ff4 rgb(175,159,244)
```

Split Complementary Color

#f49fba
```
#f49fba rgb(244,159,186)
```
#baf49f
```
#baf49f rgb(186,244,159)
```
#9fbaf4
```
#9fbaf4 rgb(159,186,244)
```

Triadic Color

#f4d99f
```
#f4d99f rgb(244,217,159)
```
#baf49f
```
#baf49f rgb(186,244,159)
```
#9fbaf4
```
#9fbaf4 rgb(159,186,244)
```
#d99ff4
```
#d99ff4 rgb(217,159,244)
```

Tetradic Color

#89ec5a
```
#89ec5a rgb(137,236,90)
```
#99ef71
```
#99ef71 rgb(153,239,113)
```
#aaf188
```
#aaf188 rgb(170,241,136)
```
#baf49f
```
#baf49f rgb(186,244,159)
```
#caf7b6
```
#caf7b6 rgb(202,247,182)
```
#dbf9cd
```
#dbf9cd rgb(219,249,205)
```
#ebfce4
```
#ebfce4 rgb(235,252,228)
```

Monochromatic Color

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

#cff49f
```
#cff49f rgb(207,244,159)
```
#c8f49f
```
#c8f49f rgb(200,244,159)
```
#c1f49f
```
#c1f49f rgb(193,244,159)
```
#baf49f
```
#baf49f rgb(186,244,159)
```
#b3f49f
```
#b3f49f rgb(179,244,159)
```
#acf49f
```
#acf49f rgb(172,244,159)
```
#a5f49f
```
#a5f49f rgb(165,244,159)
```

Similar Colors

Text with hexadecimal color #baf49f

This text has a font color of #baf49f.

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

#baf49f background color

This paragraph has a background color of #baf49f.

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

#baf49f border color

This element has a border color of #baf49f.

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

CSS codes

.text {color:#baf49f;}

.background {background-color:#baf49f;}

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

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, #040a01 is the darkest color, while #f9fef7 is the lightest one.

#040a01
```
#040a01 rgb(4,10,1)
```
#0b1b03
```
#0b1b03 rgb(11,27,3)
```
#122d05
```
#122d05 rgb(18,45,5)
```
#193e07
```
#193e07 rgb(25,62,7)
```
#205009
```
#205009 rgb(32,80,9)
```
#27620b
```
#27620b rgb(39,98,11)
```
#2e730d
```
#2e730d rgb(46,115,13)
```
#35850f
```
#35850f rgb(53,133,15)
```
#3c9611
```
#3c9611 rgb(60,150,17)
```
#42a813
```
#42a813 rgb(66,168,19)
```
#49ba15
```
#49ba15 rgb(73,186,21)
```
#50cb17
```
#50cb17 rgb(80,203,23)
```
#57dd19
```
#57dd19 rgb(87,221,25)
```

Shade Color Variation

#61e624
```
#61e624 rgb(97,230,36)
```
#6ee835
```
#6ee835 rgb(110,232,53)
```
#7bea47
```
#7bea47 rgb(123,234,71)
```
#87ec59
```
#87ec59 rgb(135,236,89)
```
#94ee6a
```
#94ee6a rgb(148,238,106)
```
#a1f07c
```
#a1f07c rgb(161,240,124)
```
#adf28d
```
#adf28d rgb(173,242,141)
```
#baf49f
```
#baf49f rgb(186,244,159)
```
#c7f6b1
```
#c7f6b1 rgb(199,246,177)
```
#d3f8c2
```
#d3f8c2 rgb(211,248,194)
```
#e0fad4
```
#e0fad4 rgb(224,250,212)
```
#edfce5
```
#edfce5 rgb(237,252,229)
```
#f9fef7
```
#f9fef7 rgb(249,254,247)
```

Tint Color Variation

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

#c9cbc8
```
#c9cbc8 rgb(201,203,200)
```
#c8cfc4
```
#c8cfc4 rgb(200,207,196)
```
#c6d3c0
```
#c6d3c0 rgb(198,211,192)
```
#c5d7bc
```
#c5d7bc rgb(197,215,188)
```
#c3dbb8
```
#c3dbb8 rgb(195,219,184)
```
#c2dfb4
```
#c2dfb4 rgb(194,223,180)
```
#c0e4af
```
#c0e4af rgb(192,228,175)
```
#bfe8ab
```
#bfe8ab rgb(191,232,171)
```
#bdeca7
```
#bdeca7 rgb(189,236,167)
```
#bcf0a3
```
#bcf0a3 rgb(188,240,163)
```
#baf49f
```
#baf49f rgb(186,244,159)
```
#b8f89b
```
#b8f89b rgb(184,248,155)
```
#b7fc97
```
#b7fc97 rgb(183,252,151)
```

Tone Color Variation

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

#d9d9d9 Achromatopsia 0.005% of the population
#d3decd Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e59e Protanopia 1% of men
#ffe0c5 Deuteranopia 1% of men
#cde9fa Tritanopia 0.001% of the population

Trichromacy

#e1ea9e Protanomaly 1% of men, 0.01% of women
#e5e7b7 Deuteranomaly 6% of men, 0.4% of women
#c6edd9 Tritanomaly 0.01% of the population

#baf49f hex color

#baf49f Color Information

#baf49f Color Conversion

Color Schemes with #baf49f

Alternatives to #baf49f

#baf49f Preview

Shades and Tints of #baf49f

Tones of #baf49f

Color Blindness Simulator