#bafd56 hex color

In a RGB color space, hex #bafd56 is composed of 72.9% red, 99.2% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 0% magenta, 66% yellow and 0.8% black. It has a hue angle of 84.1 degrees, a saturation of 97.7% and a lightness of 66.5%. #bafd56 color hex could be obtained by blending #ffffac with #75fb00. Closest websafe color is: #ccff66.

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

● #bafd56 color description : Soft green.

The hexadecimal color #bafd56 has RGB values of R:186, G:253, B:86 and CMYK values of C:0.26, M:0, Y:0.66, K:0.01. Its decimal value is 12254550.

Hex triplet	bafd56	`#bafd56`
RGB Decimal	186, 253, 86	`rgb(186,253,86)`
RGB Percent	72.9, 99.2, 33.7	`rgb(72.9%,99.2%,33.7%)`
CMYK	26, 0, 66, 1
HSL	84.1°, 97.7, 66.5	`hsl(84.1,97.7%,66.5%)`
HSV (or HSB)	84.1°, 66, 99.2
Web Safe	ccff66	`#ccff66`

CIE-LAB	92.292, -44.996, 70.243
XYZ	57.053, 81.36, 21.502
xyY	0.357, 0.509, 81.36
CIE-LCH	92.292, 83.419, 122.642
CIE-LUV	92.292, -33.33, 92.761
Hunter-Lab	90.2, -44.944, 49.006
Binary	10111010, 11111101, 01010110

#bafd56
```
#bafd56 rgb(186,253,86)
```
#9956fd
```
#9956fd rgb(153,86,253)
```

Complementary Color

#fded56
```
#fded56 rgb(253,237,86)
```
#bafd56
```
#bafd56 rgb(186,253,86)
```
#67fd56
```
#67fd56 rgb(103,253,86)
```

Analogous Color

#ed56fd
```
#ed56fd rgb(237,86,253)
```
#bafd56
```
#bafd56 rgb(186,253,86)
```
#5667fd
```
#5667fd rgb(86,103,253)
```

Split Complementary Color

#fd56ba
```
#fd56ba rgb(253,86,186)
```
#bafd56
```
#bafd56 rgb(186,253,86)
```
#56bafd
```
#56bafd rgb(86,186,253)
```

Triadic Color

#fd9956
```
#fd9956 rgb(253,153,86)
```
#bafd56
```
#bafd56 rgb(186,253,86)
```
#56bafd
```
#56bafd rgb(86,186,253)
```
#9956fd
```
#9956fd rgb(153,86,253)
```

Tetradic Color

#9bfc0a
```
#9bfc0a rgb(155,252,10)
```
#a5fc24
```
#a5fc24 rgb(165,252,36)
```
#b0fd3d
```
#b0fd3d rgb(176,253,61)
```
#bafd56
```
#bafd56 rgb(186,253,86)
```
#c4fd6f
```
#c4fd6f rgb(196,253,111)
```
#cffe88
```
#cffe88 rgb(207,254,136)
```
#d9fea2
```
#d9fea2 rgb(217,254,162)
```

Monochromatic Color

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

#e4fd56
```
#e4fd56 rgb(228,253,86)
```
#d6fd56
```
#d6fd56 rgb(214,253,86)
```
#c8fd56
```
#c8fd56 rgb(200,253,86)
```
#bafd56
```
#bafd56 rgb(186,253,86)
```
#acfd56
```
#acfd56 rgb(172,253,86)
```
#9efd56
```
#9efd56 rgb(158,253,86)
```
#90fd56
```
#90fd56 rgb(144,253,86)
```

Similar Colors

Text with hexadecimal color #bafd56

This text has a font color of #bafd56.

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

#bafd56 background color

This paragraph has a background color of #bafd56.

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

#bafd56 border color

This element has a border color of #bafd56.

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

CSS codes

.text {color:#bafd56;}

.background {background-color:#bafd56;}

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

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

#030500
```
#030500 rgb(3,5,0)
```
#0f1900
```
#0f1900 rgb(15,25,0)
```
#1b2c01
```
#1b2c01 rgb(27,44,1)
```
#264001
```
#264001 rgb(38,64,1)
```
#325301
```
#325301 rgb(50,83,1)
```
#3e6601
```
#3e6601 rgb(62,102,1)
```
#4a7a01
```
#4a7a01 rgb(74,122,1)
```
#558d02
```
#558d02 rgb(85,141,2)
```
#61a102
```
#61a102 rgb(97,161,2)
```
#6db402
```
#6db402 rgb(109,180,2)
```
#78c702
```
#78c702 rgb(120,199,2)
```
#84db03
```
#84db03 rgb(132,219,3)
```
#90ee03
```
#90ee03 rgb(144,238,3)
```

Shade Color Variation

#9afc08
```
#9afc08 rgb(154,252,8)
```
#a2fc1c
```
#a2fc1c rgb(162,252,28)
```
#aafd2f
```
#aafd2f rgb(170,253,47)
```
#b2fd43
```
#b2fd43 rgb(178,253,67)
```
#bafd56
```
#bafd56 rgb(186,253,86)
```
#c2fd69
```
#c2fd69 rgb(194,253,105)
```
#cafd7d
```
#cafd7d rgb(202,253,125)
```
#d2fe90
```
#d2fe90 rgb(210,254,144)
```
#dafea4
```
#dafea4 rgb(218,254,164)
```
#e2feb7
```
#e2feb7 rgb(226,254,183)
```
#e9feca
```
#e9feca rgb(233,254,202)
```
#f1ffde
```
#f1ffde rgb(241,255,222)
```
#f9fff1
```
#f9fff1 rgb(249,255,241)
```

Tint Color Variation

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

#aaaea5
```
#aaaea5 rgb(170,174,165)
```
#acb59e
```
#acb59e rgb(172,181,158)
```
#adbb98
```
#adbb98 rgb(173,187,152)
```
#aec291
```
#aec291 rgb(174,194,145)
```
#b0c88b
```
#b0c88b rgb(176,200,139)
```
#b1cf84
```
#b1cf84 rgb(177,207,132)
```
#b2d67d
```
#b2d67d rgb(178,214,125)
```
#b4dc77
```
#b4dc77 rgb(180,220,119)
```
#b5e370
```
#b5e370 rgb(181,227,112)
```
#b6e96a
```
#b6e96a rgb(182,233,106)
```
#b7f063
```
#b7f063 rgb(183,240,99)
```
#b9f65d
```
#b9f65d rgb(185,246,93)
```
#bafd56
```
#bafd56 rgb(186,253,86)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d0debc Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8c Protanopia 1% of men
#ffe6c9 Deuteranopia 1% of men
#d5edfe Tritanopia 0.001% of the population

Trichromacy

#e5f178 Protanomaly 1% of men, 0.01% of women
#e5ee9f Deuteranomaly 6% of men, 0.4% of women
#cbf3c1 Tritanomaly 0.01% of the population

#bafd56 hex color

#bafd56 Color Information

#bafd56 Color Conversion

Color Schemes with #bafd56

Alternatives to #bafd56

#bafd56 Preview

Shades and Tints of #bafd56

Tones of #bafd56

Color Blindness Simulator