#bafa57 hex color

In a RGB color space, hex #bafa57 is composed of 72.9% red, 98% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 25.6% cyan, 0% magenta, 65.2% yellow and 2% black. It has a hue angle of 83.6 degrees, a saturation of 94.2% and a lightness of 66.1%. #bafa57 color hex could be obtained by blending #ffffae with #75f500. Closest websafe color is: #ccff66.

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

● #bafa57 color description : Soft green.

The hexadecimal color #bafa57 has RGB values of R:186, G:250, B:87 and CMYK values of C:0.26, M:0, Y:0.65, K:0.02. Its decimal value is 12253783.

Hex triplet	bafa57	`#bafa57`
RGB Decimal	186, 250, 87	`rgb(186,250,87)`
RGB Percent	72.9, 98, 34.1	`rgb(72.9%,98%,34.1%)`
CMYK	26, 0, 65, 2
HSL	83.6°, 94.2, 66.1	`hsl(83.6,94.2%,66.1%)`
HSV (or HSB)	83.6°, 65.2, 98
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.459, -43.633, 68.987
XYZ	56.154, 79.497, 21.402
xyY	0.358, 0.506, 79.497
CIE-LCH	91.459, 81.627, 122.312
CIE-LUV	91.459, -31.797, 91.14
Hunter-Lab	89.161, -43.611, 48.181
Binary	10111010, 11111010, 01010111

#bafa57
```
#bafa57 rgb(186,250,87)
```
#9757fa
```
#9757fa rgb(151,87,250)
```

Complementary Color

#fae957
```
#fae957 rgb(250,233,87)
```
#bafa57
```
#bafa57 rgb(186,250,87)
```
#69fa57
```
#69fa57 rgb(105,250,87)
```

Analogous Color

#e957fa
```
#e957fa rgb(233,87,250)
```
#bafa57
```
#bafa57 rgb(186,250,87)
```
#5769fa
```
#5769fa rgb(87,105,250)
```

Split Complementary Color

#fa57ba
```
#fa57ba rgb(250,87,186)
```
#bafa57
```
#bafa57 rgb(186,250,87)
```
#57bafa
```
#57bafa rgb(87,186,250)
```

Triadic Color

#fa9757
```
#fa9757 rgb(250,151,87)
```
#bafa57
```
#bafa57 rgb(186,250,87)
```
#57bafa
```
#57bafa rgb(87,186,250)
```
#9757fa
```
#9757fa rgb(151,87,250)
```

Tetradic Color

#9bf80d
```
#9bf80d rgb(155,248,13)
```
#a6f925
```
#a6f925 rgb(166,249,37)
```
#b0f93e
```
#b0f93e rgb(176,249,62)
```
#bafa57
```
#bafa57 rgb(186,250,87)
```
#c4fb70
```
#c4fb70 rgb(196,251,112)
```
#cefb89
```
#cefb89 rgb(206,251,137)
```
#d9fca1
```
#d9fca1 rgb(217,252,161)
```

Monochromatic Color

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

#e3fa57
```
#e3fa57 rgb(227,250,87)
```
#d5fa57
```
#d5fa57 rgb(213,250,87)
```
#c8fa57
```
#c8fa57 rgb(200,250,87)
```
#bafa57
```
#bafa57 rgb(186,250,87)
```
#acfa57
```
#acfa57 rgb(172,250,87)
```
#9ffa57
```
#9ffa57 rgb(159,250,87)
```
#91fa57
```
#91fa57 rgb(145,250,87)
```

Similar Colors

Text with hexadecimal color #bafa57

This text has a font color of #bafa57.

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

#bafa57 background color

This paragraph has a background color of #bafa57.

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

#bafa57 border color

This element has a border color of #bafa57.

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

CSS codes

.text {color:#bafa57;}

.background {background-color:#bafa57;}

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

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)
```
#0e1601
```
#0e1601 rgb(14,22,1)
```
#1a2a01
```
#1a2a01 rgb(26,42,1)
```
#263d02
```
#263d02 rgb(38,61,2)
```
#315002
```
#315002 rgb(49,80,2)
```
#3d6303
```
#3d6303 rgb(61,99,3)
```
#497604
```
#497604 rgb(73,118,4)
```
#558904
```
#558904 rgb(85,137,4)
```
#609c05
```
#609c05 rgb(96,156,5)
```
#6caf05
```
#6caf05 rgb(108,175,5)
```
#78c206
```
#78c206 rgb(120,194,6)
```
#84d506
```
#84d506 rgb(132,213,6)
```
#90e807
```
#90e807 rgb(144,232,7)
```

Shade Color Variation

#9bf80b
```
#9bf80b rgb(155,248,11)
```
#a3f81e
```
#a3f81e rgb(163,248,30)
```
#aaf931
```
#aaf931 rgb(170,249,49)
```
#b2f944
```
#b2f944 rgb(178,249,68)
```
#bafa57
```
#bafa57 rgb(186,250,87)
```
#c2fb6a
```
#c2fb6a rgb(194,251,106)
```
#cafb7d
```
#cafb7d rgb(202,251,125)
```
#d1fc90
```
#d1fc90 rgb(209,252,144)
```
#d9fca3
```
#d9fca3 rgb(217,252,163)
```
#e1fdb6
```
#e1fdb6 rgb(225,253,182)
```
#e9fdc9
```
#e9fdc9 rgb(233,253,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, #a9aaa7 is the less saturated color, while #bafa57 is the most saturated one.

#a9aaa7
```
#a9aaa7 rgb(169,170,167)
```
#aab1a0
```
#aab1a0 rgb(170,177,160)
```
#acb79a
```
#acb79a rgb(172,183,154)
```
#adbe93
```
#adbe93 rgb(173,190,147)
```
#afc58c
```
#afc58c rgb(175,197,140)
```
#b0cb86
```
#b0cb86 rgb(176,203,134)
```
#b1d27f
```
#b1d27f rgb(177,210,127)
```
#b3d978
```
#b3d978 rgb(179,217,120)
```
#b4df72
```
#b4df72 rgb(180,223,114)
```
#b6e66b
```
#b6e66b rgb(182,230,107)
```
#b7ed64
```
#b7ed64 rgb(183,237,100)
```
#b9f35e
```
#b9f35e rgb(185,243,94)
```
#bafa57
```
#bafa57 rgb(186,250,87)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cfdcbb Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe878 Protanopia 1% of men
#ffe3c2 Deuteranopia 1% of men
#d4eafb Tritanopia 0.001% of the population

Trichromacy

#e5ee6c Protanomaly 1% of men, 0.01% of women
#e5eb9b Deuteranomaly 6% of men, 0.4% of women
#caf0bf Tritanomaly 0.01% of the population

#bafa57 hex color

#bafa57 Color Information

#bafa57 Color Conversion

Color Schemes with #bafa57

Alternatives to #bafa57

#bafa57 Preview

Shades and Tints of #bafa57

Tones of #bafa57

Color Blindness Simulator