#bafe9c hex color

In a RGB color space, hex #bafe9c is composed of 72.9% red, 99.6% green and 61.2% blue. Whereas in a CMYK color space, it is composed of 26.8% cyan, 0% magenta, 38.6% yellow and 0.4% black. It has a hue angle of 101.6 degrees, a saturation of 98% and a lightness of 80.4%. #bafe9c color hex could be obtained by blending #ffffff with #75fd39. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 73
- G 100
- B 61
RGB color chart
- C 27
- M 0
- Y 39
- K 0
CMYK color chart

● #bafe9c color description : Very soft green.

The hexadecimal color #bafe9c has RGB values of R:186, G:254, B:156 and CMYK values of C:0.27, M:0, Y:0.39, K:0. Its decimal value is 12254876.

Hex triplet	bafe9c	`#bafe9c`
RGB Decimal	186, 254, 156	`rgb(186,254,156)`
RGB Percent	72.9, 99.6, 61.2	`rgb(72.9%,99.6%,61.2%)`
CMYK	27, 0, 39, 0
HSL	101.6°, 98, 80.4	`hsl(101.6,98%,80.4%)`
HSV (or HSB)	101.6°, 38.6, 99.6
Web Safe	ccff99	`#ccff99`

CIE-LAB	93.329, -38.339, 40.233
XYZ	61.69, 83.721, 44.36
xyY	0.325, 0.441, 83.721
CIE-LCH	93.329, 55.575, 133.619
CIE-LUV	93.329, -33.643, 62.001
Hunter-Lab	91.499, -39.776, 35.305
Binary	10111010, 11111110, 10011100

#bafe9c
```
#bafe9c rgb(186,254,156)
```
#e09cfe
```
#e09cfe rgb(224,156,254)
```

Complementary Color

#ebfe9c
```
#ebfe9c rgb(235,254,156)
```
#bafe9c
```
#bafe9c rgb(186,254,156)
```
#9cfeaf
```
#9cfeaf rgb(156,254,175)
```

Analogous Color

#fe9ceb
```
#fe9ceb rgb(254,156,235)
```
#bafe9c
```
#bafe9c rgb(186,254,156)
```
#af9cfe
```
#af9cfe rgb(175,156,254)
```

Split Complementary Color

#fe9cba
```
#fe9cba rgb(254,156,186)
```
#bafe9c
```
#bafe9c rgb(186,254,156)
```
#9cbafe
```
#9cbafe rgb(156,186,254)
```

Triadic Color

#fee09c
```
#fee09c rgb(254,224,156)
```
#bafe9c
```
#bafe9c rgb(186,254,156)
```
#9cbafe
```
#9cbafe rgb(156,186,254)
```
#e09cfe
```
#e09cfe rgb(224,156,254)
```

Tetradic Color

#85fd50
```
#85fd50 rgb(133,253,80)
```
#97fd6a
```
#97fd6a rgb(151,253,106)
```
#a8fe83
```
#a8fe83 rgb(168,254,131)
```
#bafe9c
```
#bafe9c rgb(186,254,156)
```
#ccfeb5
```
#ccfeb5 rgb(204,254,181)
```
#ddffce
```
#ddffce rgb(221,255,206)
```
#efffe8
```
#efffe8 rgb(239,255,232)
```

Monochromatic Color

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

#d3fe9c
```
#d3fe9c rgb(211,254,156)
```
#cafe9c
```
#cafe9c rgb(202,254,156)
```
#c2fe9c
```
#c2fe9c rgb(194,254,156)
```
#bafe9c
```
#bafe9c rgb(186,254,156)
```
#b2fe9c
```
#b2fe9c rgb(178,254,156)
```
#aafe9c
```
#aafe9c rgb(170,254,156)
```
#a2fe9c
```
#a2fe9c rgb(162,254,156)
```

Similar Colors

Text with hexadecimal color #bafe9c

This text has a font color of #bafe9c.

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

#bafe9c background color

This paragraph has a background color of #bafe9c.

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

#bafe9c border color

This element has a border color of #bafe9c.

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

CSS codes

.text {color:#bafe9c;}

.background {background-color:#bafe9c;}

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

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

#051200
```
#051200 rgb(5,18,0)
```
#0c2500
```
#0c2500 rgb(12,37,0)
```
#123801
```
#123801 rgb(18,56,1)
```
#184c01
```
#184c01 rgb(24,76,1)
```
#1e5f01
```
#1e5f01 rgb(30,95,1)
```
#247301
```
#247301 rgb(36,115,1)
```
#2a8601
```
#2a8601 rgb(42,134,1)
```
#309902
```
#309902 rgb(48,153,2)
```
#36ad02
```
#36ad02 rgb(54,173,2)
```
#3cc002
```
#3cc002 rgb(60,192,2)
```
#42d402
```
#42d402 rgb(66,212,2)
```
#48e702
```
#48e702 rgb(72,231,2)
```
#4efb03
```
#4efb03 rgb(78,251,3)
```

Shade Color Variation

#5bfd14
```
#5bfd14 rgb(91,253,20)
```
#69fd27
```
#69fd27 rgb(105,253,39)
```
#76fd3b
```
#76fd3b rgb(118,253,59)
```
#84fd4e
```
#84fd4e rgb(132,253,78)
```
#91fd62
```
#91fd62 rgb(145,253,98)
```
#9ffe75
```
#9ffe75 rgb(159,254,117)
```
#acfe89
```
#acfe89 rgb(172,254,137)
```
#bafe9c
```
#bafe9c rgb(186,254,156)
```
#c8feaf
```
#c8feaf rgb(200,254,175)
```
#d5fec3
```
#d5fec3 rgb(213,254,195)
```
#e3ffd6
```
#e3ffd6 rgb(227,255,214)
```
#f0ffea
```
#f0ffea rgb(240,255,234)
```
#fefffd
```
#fefffd rgb(254,255,253)
```

Tint Color Variation

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

#ccd0ca
```
#ccd0ca rgb(204,208,202)
```
#cad4c6
```
#cad4c6 rgb(202,212,198)
```
#c9d8c2
```
#c9d8c2 rgb(201,216,194)
```
#c7dbbf
```
#c7dbbf rgb(199,219,191)
```
#c6dfbb
```
#c6dfbb rgb(198,223,187)
```
#c4e3b7
```
#c4e3b7 rgb(196,227,183)
```
#c3e7b3
```
#c3e7b3 rgb(195,231,179)
```
#c1ebaf
```
#c1ebaf rgb(193,235,175)
```
#c0efab
```
#c0efab rgb(192,239,171)
```
#bef2a8
```
#bef2a8 rgb(190,242,168)
```
#bdf6a4
```
#bdf6a4 rgb(189,246,164)
```
#bbfaa0
```
#bbfaa0 rgb(187,250,160)
```
#bafe9c
```
#bafe9c rgb(186,254,156)
```

Tone Color Variation

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

#dedede Achromatopsia 0.005% of the population
#d7e4d1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeca6 Protanopia 1% of men
#ffe9d6 Deuteranopia 1% of men
#d6f0ff Tritanopia 0.001% of the population

Trichromacy

#e5f3a2 Protanomaly 1% of men, 0.01% of women
#e5f0c1 Deuteranomaly 6% of men, 0.4% of women
#ccf5db Tritanomaly 0.01% of the population

#bafe9c hex color

#bafe9c Color Information

#bafe9c Color Conversion

Color Schemes with #bafe9c

Alternatives to #bafe9c

#bafe9c Preview

Shades and Tints of #bafe9c

Tones of #bafe9c

Color Blindness Simulator