#bafa9f hex color

In a RGB color space, hex #bafa9f is composed of 72.9% red, 98% green and 62.4% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 36.4% yellow and 2% black. It has a hue angle of 102.2 degrees, a saturation of 90.1% and a lightness of 80.2%. #bafa9f color hex could be obtained by blending #ffffff with #75f53f. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 73
- G 98
- B 62
RGB color chart
- C 26
- M 0
- Y 36
- K 2
CMYK color chart

● #bafa9f color description : Very soft green.

The hexadecimal color #bafa9f has RGB values of R:186, G:250, B:159 and CMYK values of C:0.26, M:0, Y:0.36, K:0.02. Its decimal value is 12253855.

Hex triplet	bafa9f	`#bafa9f`
RGB Decimal	186, 250, 159	`rgb(186,250,159)`
RGB Percent	72.9, 98, 62.4	`rgb(72.9%,98%,62.4%)`
CMYK	26, 0, 36, 2
HSL	102.2°, 90.1, 80.2	`hsl(102.2,90.1%,80.2%)`
HSV (or HSB)	102.2°, 36.4, 98
Web Safe	ccff99	`#ccff99`

CIE-LAB	92.27, -36.123, 37.372
XYZ	60.691, 81.312, 45.296
xyY	0.324, 0.434, 81.312
CIE-LCH	92.27, 51.976, 134.027
CIE-LUV	92.27, -31.699, 58.035
Hunter-Lab	90.173, -37.663, 33.338
Binary	10111010, 11111010, 10011111

#bafa9f
```
#bafa9f rgb(186,250,159)
```
#df9ffa
```
#df9ffa rgb(223,159,250)
```

Complementary Color

#e8fa9f
```
#e8fa9f rgb(232,250,159)
```
#bafa9f
```
#bafa9f rgb(186,250,159)
```
#9ffab2
```
#9ffab2 rgb(159,250,178)
```

Analogous Color

#fa9fe8
```
#fa9fe8 rgb(250,159,232)
```
#bafa9f
```
#bafa9f rgb(186,250,159)
```
#b29ffa
```
#b29ffa rgb(178,159,250)
```

Split Complementary Color

#fa9fba
```
#fa9fba rgb(250,159,186)
```
#bafa9f
```
#bafa9f rgb(186,250,159)
```
#9fbafa
```
#9fbafa rgb(159,186,250)
```

Triadic Color

#fadf9f
```
#fadf9f rgb(250,223,159)
```
#bafa9f
```
#bafa9f rgb(186,250,159)
```
#9fbafa
```
#9fbafa rgb(159,186,250)
```
#df9ffa
```
#df9ffa rgb(223,159,250)
```

Tetradic Color

#86f656
```
#86f656 rgb(134,246,86)
```
#97f76f
```
#97f76f rgb(151,247,111)
```
#a9f987
```
#a9f987 rgb(169,249,135)
```
#bafa9f
```
#bafa9f rgb(186,250,159)
```
#cbfbb7
```
#cbfbb7 rgb(203,251,183)
```
#ddfdcf
```
#ddfdcf rgb(221,253,207)
```
#eefee8
```
#eefee8 rgb(238,254,232)
```

Monochromatic Color

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

#d1fa9f
```
#d1fa9f rgb(209,250,159)
```
#c9fa9f
```
#c9fa9f rgb(201,250,159)
```
#c2fa9f
```
#c2fa9f rgb(194,250,159)
```
#bafa9f
```
#bafa9f rgb(186,250,159)
```
#b2fa9f
```
#b2fa9f rgb(178,250,159)
```
#abfa9f
```
#abfa9f rgb(171,250,159)
```
#a3fa9f
```
#a3fa9f rgb(163,250,159)
```

Similar Colors

Text with hexadecimal color #bafa9f

This text has a font color of #bafa9f.

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

#bafa9f background color

This paragraph has a background color of #bafa9f.

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

#bafa9f border color

This element has a border color of #bafa9f.

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

CSS codes

.text {color:#bafa9f;}

.background {background-color:#bafa9f;}

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

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

#051001
```
#051001 rgb(5,16,1)
```
#0c2302
```
#0c2302 rgb(12,35,2)
```
#123503
```
#123503 rgb(18,53,3)
```
#184804
```
#184804 rgb(24,72,4)
```
#1e5a05
```
#1e5a05 rgb(30,90,5)
```
#246d06
```
#246d06 rgb(36,109,6)
```
#2b8007
```
#2b8007 rgb(43,128,7)
```
#319208
```
#319208 rgb(49,146,8)
```
#37a509
```
#37a509 rgb(55,165,9)
```
#3db80a
```
#3db80a rgb(61,184,10)
```
#43ca0b
```
#43ca0b rgb(67,202,11)
```
#4add0c
```
#4add0c rgb(74,221,12)
```
#50f00c
```
#50f00c rgb(80,240,12)
```

Shade Color Variation

#5cf31c
```
#5cf31c rgb(92,243,28)
```
#6af42f
```
#6af42f rgb(106,244,47)
```
#77f542
```
#77f542 rgb(119,245,66)
```
#84f654
```
#84f654 rgb(132,246,84)
```
#92f767
```
#92f767 rgb(146,247,103)
```
#9ff87a
```
#9ff87a rgb(159,248,122)
```
#adf98c
```
#adf98c rgb(173,249,140)
```
#bafa9f
```
#bafa9f rgb(186,250,159)
```
#c7fbb2
```
#c7fbb2 rgb(199,251,178)
```
#d5fcc4
```
#d5fcc4 rgb(213,252,196)
```
#e2fdd7
```
#e2fdd7 rgb(226,253,215)
```
#f0feea
```
#f0feea rgb(240,254,234)
```
#fdfffc
```
#fdfffc rgb(253,255,252)
```

Tint Color Variation

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

#cbcfca
```
#cbcfca rgb(203,207,202)
```
#cad3c6
```
#cad3c6 rgb(202,211,198)
```
#c8d7c2
```
#c8d7c2 rgb(200,215,194)
```
#c7dbbe
```
#c7dbbe rgb(199,219,190)
```
#c5dfba
```
#c5dfba rgb(197,223,186)
```
#c3e3b6
```
#c3e3b6 rgb(195,227,182)
```
#c2e7b2
```
#c2e7b2 rgb(194,231,178)
```
#c0eaaf
```
#c0eaaf rgb(192,234,175)
```
#bfeeab
```
#bfeeab rgb(191,238,171)
```
#bdf2a7
```
#bdf2a7 rgb(189,242,167)
```
#bcf6a3
```
#bcf6a3 rgb(188,246,163)
```
#bafa9f
```
#bafa9f rgb(186,250,159)
```
#b8fe9b
```
#b8fe9b rgb(184,254,155)
```

Tone Color Variation

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

#dcdcdc Achromatopsia 0.005% of the population
#d5e2d0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fde99d Protanopia 1% of men
#ffe5cf Deuteranopia 1% of men
#d0eeff Tritanopia 0.001% of the population

Trichromacy

#e4ef9e Protanomaly 1% of men, 0.01% of women
#e5edbe Deuteranomaly 6% of men, 0.4% of women
#c8f2dc Tritanomaly 0.01% of the population

#bafa9f hex color

#bafa9f Color Information

#bafa9f Color Conversion

Color Schemes with #bafa9f

Alternatives to #bafa9f

#bafa9f Preview

Shades and Tints of #bafa9f

Tones of #bafa9f

Color Blindness Simulator