#bafd7f hex color

In a RGB color space, hex #bafd7f is composed of 72.9% red, 99.2% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 0% magenta, 49.8% yellow and 0.8% black. It has a hue angle of 91.9 degrees, a saturation of 96.9% and a lightness of 74.5%. #bafd7f color hex could be obtained by blending #fffffe with #75fb00. Closest websafe color is: #ccff66.

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

● #bafd7f color description : Soft green.

The hexadecimal color #bafd7f has RGB values of R:186, G:253, B:127 and CMYK values of C:0.26, M:0, Y:0.5, K:0.01. Its decimal value is 12254591.

Hex triplet	bafd7f	`#bafd7f`
RGB Decimal	186, 253, 127	`rgb(186,253,127)`
RGB Percent	72.9, 99.2, 49.8	`rgb(72.9%,99.2%,49.8%)`
CMYK	26, 0, 50, 1
HSL	91.9°, 96.9, 74.5	`hsl(91.9,96.9%,74.5%)`
HSV (or HSB)	91.9°, 49.8, 99.2
Web Safe	ccff66	`#ccff66`

CIE-LAB	92.672, -41.401, 53.256
XYZ	59.204, 82.22, 32.828
xyY	0.34, 0.472, 82.22
CIE-LCH	92.672, 67.455, 127.861
CIE-LUV	92.672, -33.239, 76.675
Hunter-Lab	90.675, -42.135, 42.007
Binary	10111010, 11111101, 01111111

#bafd7f
```
#bafd7f rgb(186,253,127)
```
#c27ffd
```
#c27ffd rgb(194,127,253)
```

Complementary Color

#f9fd7f
```
#f9fd7f rgb(249,253,127)
```
#bafd7f
```
#bafd7f rgb(186,253,127)
```
#7ffd83
```
#7ffd83 rgb(127,253,131)
```

Analogous Color

#fd7ff9
```
#fd7ff9 rgb(253,127,249)
```
#bafd7f
```
#bafd7f rgb(186,253,127)
```
#837ffd
```
#837ffd rgb(131,127,253)
```

Split Complementary Color

#fd7fba
```
#fd7fba rgb(253,127,186)
```
#bafd7f
```
#bafd7f rgb(186,253,127)
```
#7fbafd
```
#7fbafd rgb(127,186,253)
```

Triadic Color

#fdc27f
```
#fdc27f rgb(253,194,127)
```
#bafd7f
```
#bafd7f rgb(186,253,127)
```
#7fbafd
```
#7fbafd rgb(127,186,253)
```
#c27ffd
```
#c27ffd rgb(194,127,253)
```

Tetradic Color

#91fc34
```
#91fc34 rgb(145,252,52)
```
#9ffc4d
```
#9ffc4d rgb(159,252,77)
```
#acfd66
```
#acfd66 rgb(172,253,102)
```
#bafd7f
```
#bafd7f rgb(186,253,127)
```
#c8fd98
```
#c8fd98 rgb(200,253,152)
```
#d5feb1
```
#d5feb1 rgb(213,254,177)
```
#e3feca
```
#e3feca rgb(227,254,202)
```

Monochromatic Color

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

#dafd7f
```
#dafd7f rgb(218,253,127)
```
#cffd7f
```
#cffd7f rgb(207,253,127)
```
#c5fd7f
```
#c5fd7f rgb(197,253,127)
```
#bafd7f
```
#bafd7f rgb(186,253,127)
```
#b0fd7f
```
#b0fd7f rgb(176,253,127)
```
#a5fd7f
```
#a5fd7f rgb(165,253,127)
```
#9bfd7f
```
#9bfd7f rgb(155,253,127)
```

Similar Colors

Text with hexadecimal color #bafd7f

This text has a font color of #bafd7f.

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

#bafd7f background color

This paragraph has a background color of #bafd7f.

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

#bafd7f border color

This element has a border color of #bafd7f.

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

CSS codes

.text {color:#bafd7f;}

.background {background-color:#bafd7f;}

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

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

#030700
```
#030700 rgb(3,7,0)
```
#0d1b00
```
#0d1b00 rgb(13,27,0)
```
#162e01
```
#162e01 rgb(22,46,1)
```
#1f4101
```
#1f4101 rgb(31,65,1)
```
#285401
```
#285401 rgb(40,84,1)
```
#316802
```
#316802 rgb(49,104,2)
```
#3b7b02
```
#3b7b02 rgb(59,123,2)
```
#448e02
```
#448e02 rgb(68,142,2)
```
#4da203
```
#4da203 rgb(77,162,3)
```
#56b503
```
#56b503 rgb(86,181,3)
```
#5fc803
```
#5fc803 rgb(95,200,3)
```
#69dc03
```
#69dc03 rgb(105,220,3)
```
#72ef04
```
#72ef04 rgb(114,239,4)
```

Shade Color Variation

#7cfb0b
```
#7cfb0b rgb(124,251,11)
```
#86fb1e
```
#86fb1e rgb(134,251,30)
```
#90fc32
```
#90fc32 rgb(144,252,50)
```
#9bfc45
```
#9bfc45 rgb(155,252,69)
```
#a5fc58
```
#a5fc58 rgb(165,252,88)
```
#b0fd6c
```
#b0fd6c rgb(176,253,108)
```
#bafd7f
```
#bafd7f rgb(186,253,127)
```
#c4fd92
```
#c4fd92 rgb(196,253,146)
```
#cffea6
```
#cffea6 rgb(207,254,166)
```
#d9feb9
```
#d9feb9 rgb(217,254,185)
```
#e4fecc
```
#e4fecc rgb(228,254,204)
```
#eeffe0
```
#eeffe0 rgb(238,255,224)
```
#f8fff3
```
#f8fff3 rgb(248,255,243)
```

Tint Color Variation

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

#bec1bb
```
#bec1bb rgb(190,193,187)
```
#bdc6b6
```
#bdc6b6 rgb(189,198,182)
```
#bdcbb1
```
#bdcbb1 rgb(189,203,177)
```
#bdd0ac
```
#bdd0ac rgb(189,208,172)
```
#bdd5a7
```
#bdd5a7 rgb(189,213,167)
```
#bcdaa2
```
#bcdaa2 rgb(188,218,162)
```
#bcdf9d
```
#bcdf9d rgb(188,223,157)
```
#bce498
```
#bce498 rgb(188,228,152)
```
#bbe993
```
#bbe993 rgb(187,233,147)
```
#bbee8e
```
#bbee8e rgb(187,238,142)
```
#bbf389
```
#bbf389 rgb(187,243,137)
```
#baf884
```
#baf884 rgb(186,248,132)
```
#bafd7f
```
#bafd7f rgb(186,253,127)
```

Tone Color Variation

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

#dbdbdb Achromatopsia 0.005% of the population
#d4e2c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffeb97 Protanopia 1% of men
#ffe7ce Deuteranopia 1% of men
#d4efff Tritanopia 0.001% of the population

Trichromacy

#e5f18e Protanomaly 1% of men, 0.01% of women
#e5efb1 Deuteranomaly 6% of men, 0.4% of women
#caf4d0 Tritanomaly 0.01% of the population

#bafd7f hex color

#bafd7f Color Information

#bafd7f Color Conversion

Color Schemes with #bafd7f

Alternatives to #bafd7f

#bafd7f Preview

Shades and Tints of #bafd7f

Tones of #bafd7f

Color Blindness Simulator