#bafc55 hex color

In a RGB color space, hex #bafc55 is composed of 72.9% red, 98.8% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 26.2% cyan, 0% magenta, 66.3% yellow and 1.2% black. It has a hue angle of 83.7 degrees, a saturation of 96.5% and a lightness of 66.1%. #bafc55 color hex could be obtained by blending #ffffaa with #75f900. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 73
- G 99
- B 33
RGB color chart
- C 26
- M 0
- Y 66
- K 1
CMYK color chart

● #bafc55 color description : Soft green.

The hexadecimal color #bafc55 has RGB values of R:186, G:252, B:85 and CMYK values of C:0.26, M:0, Y:0.66, K:0.01. Its decimal value is 12254293.

Hex triplet	bafc55	`#bafc55`
RGB Decimal	186, 252, 85	`rgb(186,252,85)`
RGB Percent	72.9, 98.8, 33.3	`rgb(72.9%,98.8%,33.3%)`
CMYK	26, 0, 66, 1
HSL	83.7°, 96.5, 66.1	`hsl(83.7,96.5%,66.1%)`
HSV (or HSB)	83.7°, 66.3, 98.8
Web Safe	ccff66	`#ccff66`

CIE-LAB	92.004, -44.634, 70.321
XYZ	56.699, 80.714, 21.186
xyY	0.357, 0.509, 80.714
CIE-LCH	92.004, 83.29, 122.404
CIE-LUV	92.004, -32.822, 92.637
Hunter-Lab	89.841, -44.571, 48.907
Binary	10111010, 11111100, 01010101

#bafc55
```
#bafc55 rgb(186,252,85)
```
#9755fc
```
#9755fc rgb(151,85,252)
```

Complementary Color

#fceb55
```
#fceb55 rgb(252,235,85)
```
#bafc55
```
#bafc55 rgb(186,252,85)
```
#67fc55
```
#67fc55 rgb(103,252,85)
```

Analogous Color

#eb55fc
```
#eb55fc rgb(235,85,252)
```
#bafc55
```
#bafc55 rgb(186,252,85)
```
#5567fc
```
#5567fc rgb(85,103,252)
```

Split Complementary Color

#fc55ba
```
#fc55ba rgb(252,85,186)
```
#bafc55
```
#bafc55 rgb(186,252,85)
```
#55bafc
```
#55bafc rgb(85,186,252)
```

Triadic Color

#fc9755
```
#fc9755 rgb(252,151,85)
```
#bafc55
```
#bafc55 rgb(186,252,85)
```
#55bafc
```
#55bafc rgb(85,186,252)
```
#9755fc
```
#9755fc rgb(151,85,252)
```

Tetradic Color

#9bfb0a
```
#9bfb0a rgb(155,251,10)
```
#a6fb23
```
#a6fb23 rgb(166,251,35)
```
#b0fc3c
```
#b0fc3c rgb(176,252,60)
```
#bafc55
```
#bafc55 rgb(186,252,85)
```
#c4fc6e
```
#c4fc6e rgb(196,252,110)
```
#cefd87
```
#cefd87 rgb(206,253,135)
```
#d9fda0
```
#d9fda0 rgb(217,253,160)
```

Monochromatic Color

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

#e4fc55
```
#e4fc55 rgb(228,252,85)
```
#d6fc55
```
#d6fc55 rgb(214,252,85)
```
#c8fc55
```
#c8fc55 rgb(200,252,85)
```
#bafc55
```
#bafc55 rgb(186,252,85)
```
#acfc55
```
#acfc55 rgb(172,252,85)
```
#9efc55
```
#9efc55 rgb(158,252,85)
```
#90fc55
```
#90fc55 rgb(144,252,85)
```

Similar Colors

Text with hexadecimal color #bafc55

This text has a font color of #bafc55.

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

#bafc55 background color

This paragraph has a background color of #bafc55.

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

#bafc55 border color

This element has a border color of #bafc55.

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

CSS codes

.text {color:#bafc55;}

.background {background-color:#bafc55;}

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

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 #f9ffef is the lightest one.

#020300
```
#020300 rgb(2,3,0)
```
#0e1700
```
#0e1700 rgb(14,23,0)
```
#1a2a01
```
#1a2a01 rgb(26,42,1)
```
#263d01
```
#263d01 rgb(38,61,1)
```
#315101
```
#315101 rgb(49,81,1)
```
#3d6402
```
#3d6402 rgb(61,100,2)
```
#497702
```
#497702 rgb(73,119,2)
```
#558a02
```
#558a02 rgb(85,138,2)
```
#609e03
```
#609e03 rgb(96,158,3)
```
#6cb103
```
#6cb103 rgb(108,177,3)
```
#78c403
```
#78c403 rgb(120,196,3)
```
#84d804
```
#84d804 rgb(132,216,4)
```
#90eb04
```
#90eb04 rgb(144,235,4)
```

Shade Color Variation

#9bfb08
```
#9bfb08 rgb(155,251,8)
```
#a3fb1b
```
#a3fb1b rgb(163,251,27)
```
#aafb2e
```
#aafb2e rgb(170,251,46)
```
#b2fc42
```
#b2fc42 rgb(178,252,66)
```
#bafc55
```
#bafc55 rgb(186,252,85)
```
#c2fc68
```
#c2fc68 rgb(194,252,104)
```
#cafd7c
```
#cafd7c rgb(202,253,124)
```
#d1fd8f
```
#d1fd8f rgb(209,253,143)
```
#d9fda2
```
#d9fda2 rgb(217,253,162)
```
#e1feb5
```
#e1feb5 rgb(225,254,181)
```
#e9fec9
```
#e9fec9 rgb(233,254,201)
```
#f1fedc
```
#f1fedc rgb(241,254,220)
```
#f9ffef
```
#f9ffef rgb(249,255,239)
```

Tint Color Variation

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

#a9aca5
```
#a9aca5 rgb(169,172,165)
```
#abb39e
```
#abb39e rgb(171,179,158)
```
#acb998
```
#acb998 rgb(172,185,152)
```
#adc091
```
#adc091 rgb(173,192,145)
```
#afc78a
```
#afc78a rgb(175,199,138)
```
#b0cd84
```
#b0cd84 rgb(176,205,132)
```
#b2d47d
```
#b2d47d rgb(178,212,125)
```
#b3db76
```
#b3db76 rgb(179,219,118)
```
#b4e170
```
#b4e170 rgb(180,225,112)
```
#b6e869
```
#b6e869 rgb(182,232,105)
```
#b7ef62
```
#b7ef62 rgb(183,239,98)
```
#b9f55c
```
#b9f55c rgb(185,245,92)
```
#bafc55
```
#bafc55 rgb(186,252,85)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0ddbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe985 Protanopia 1% of men
#ffe5c7 Deuteranopia 1% of men
#d4ecfd Tritanopia 0.001% of the population

Trichromacy

#e5f074 Protanomaly 1% of men, 0.01% of women
#e5ed9d Deuteranomaly 6% of men, 0.4% of women
#cbf2c0 Tritanomaly 0.01% of the population

#bafc55 hex color

#bafc55 Color Information

#bafc55 Color Conversion

Color Schemes with #bafc55

Alternatives to #bafc55

#bafc55 Preview

Shades and Tints of #bafc55

Tones of #bafc55

Color Blindness Simulator