#bafd63 hex color

In a RGB color space, hex #bafd63 is composed of 72.9% red, 99.2% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 0% magenta, 60.9% yellow and 0.8% black. It has a hue angle of 86.1 degrees, a saturation of 97.5% and a lightness of 69%. #bafd63 color hex could be obtained by blending #ffffc6 with #75fb00. Closest websafe color is: #ccff66.

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

● #bafd63 color description : Soft green.

The hexadecimal color #bafd63 has RGB values of R:186, G:253, B:99 and CMYK values of C:0.26, M:0, Y:0.61, K:0.01. Its decimal value is 12254563.

Hex triplet	bafd63	`#bafd63`
RGB Decimal	186, 253, 99	`rgb(186,253,99)`
RGB Percent	72.9, 99.2, 38.8	`rgb(72.9%,99.2%,38.8%)`
CMYK	26, 0, 61, 1
HSL	86.1°, 97.5, 69	`hsl(86.1,97.5%,69%)`
HSV (or HSB)	86.1°, 60.9, 99.2
Web Safe	ccff66	`#ccff66`

CIE-LAB	92.393, -44.028, 65.212
XYZ	57.626, 81.589, 24.516
xyY	0.352, 0.498, 81.589
CIE-LCH	92.393, 78.683, 124.025
CIE-LUV	92.393, -33.304, 88.378
Hunter-Lab	90.327, -44.194, 47.137
Binary	10111010, 11111101, 01100011

#bafd63
```
#bafd63 rgb(186,253,99)
```
#a663fd
```
#a663fd rgb(166,99,253)
```

Complementary Color

#fdf363
```
#fdf363 rgb(253,243,99)
```
#bafd63
```
#bafd63 rgb(186,253,99)
```
#6dfd63
```
#6dfd63 rgb(109,253,99)
```

Analogous Color

#f363fd
```
#f363fd rgb(243,99,253)
```
#bafd63
```
#bafd63 rgb(186,253,99)
```
#636dfd
```
#636dfd rgb(99,109,253)
```

Split Complementary Color

#fd63ba
```
#fd63ba rgb(253,99,186)
```
#bafd63
```
#bafd63 rgb(186,253,99)
```
#63bafd
```
#63bafd rgb(99,186,253)
```

Triadic Color

#fda663
```
#fda663 rgb(253,166,99)
```
#bafd63
```
#bafd63 rgb(186,253,99)
```
#63bafd
```
#63bafd rgb(99,186,253)
```
#a663fd
```
#a663fd rgb(166,99,253)
```

Tetradic Color

#99fc17
```
#99fc17 rgb(153,252,23)
```
#a4fc31
```
#a4fc31 rgb(164,252,49)
```
#affd4a
```
#affd4a rgb(175,253,74)
```
#bafd63
```
#bafd63 rgb(186,253,99)
```
#c5fd7c
```
#c5fd7c rgb(197,253,124)
```
#d0fe95
```
#d0fe95 rgb(208,254,149)
```
#dbfeaf
```
#dbfeaf rgb(219,254,175)
```

Monochromatic Color

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

#e1fd63
```
#e1fd63 rgb(225,253,99)
```
#d4fd63
```
#d4fd63 rgb(212,253,99)
```
#c7fd63
```
#c7fd63 rgb(199,253,99)
```
#bafd63
```
#bafd63 rgb(186,253,99)
```
#adfd63
```
#adfd63 rgb(173,253,99)
```
#a0fd63
```
#a0fd63 rgb(160,253,99)
```
#94fd63
```
#94fd63 rgb(148,253,99)
```

Similar Colors

Text with hexadecimal color #bafd63

This text has a font color of #bafd63.

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

#bafd63 background color

This paragraph has a background color of #bafd63.

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

#bafd63 border color

This element has a border color of #bafd63.

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

CSS codes

.text {color:#bafd63;}

.background {background-color:#bafd63;}

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

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, #0a1200 is the darkest color, while #fffffe is the lightest one.

#0a1200
```
#0a1200 rgb(10,18,0)
```
#152600
```
#152600 rgb(21,38,0)
```
#213901
```
#213901 rgb(33,57,1)
```
#2c4c01
```
#2c4c01 rgb(44,76,1)
```
#376001
```
#376001 rgb(55,96,1)
```
#427301
```
#427301 rgb(66,115,1)
```
#4d8702
```
#4d8702 rgb(77,135,2)
```
#589a02
```
#589a02 rgb(88,154,2)
```
#63ad02
```
#63ad02 rgb(99,173,2)
```
#6ec102
```
#6ec102 rgb(110,193,2)
```
#79d403
```
#79d403 rgb(121,212,3)
```
#84e703
```
#84e703 rgb(132,231,3)
```
#8ffb03
```
#8ffb03 rgb(143,251,3)
```

Shade Color Variation

#98fc16
```
#98fc16 rgb(152,252,22)
```
#a0fc29
```
#a0fc29 rgb(160,252,41)
```
#a9fd3c
```
#a9fd3c rgb(169,253,60)
```
#b1fd50
```
#b1fd50 rgb(177,253,80)
```
#bafd63
```
#bafd63 rgb(186,253,99)
```
#c3fd76
```
#c3fd76 rgb(195,253,118)
```
#cbfd8a
```
#cbfd8a rgb(203,253,138)
```
#d4fe9d
```
#d4fe9d rgb(212,254,157)
```
#dcfeb0
```
#dcfeb0 rgb(220,254,176)
```
#e5fec4
```
#e5fec4 rgb(229,254,196)
```
#edfed7
```
#edfed7 rgb(237,254,215)
```
#f6ffeb
```
#f6ffeb rgb(246,255,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#b1b4ac
```
#b1b4ac rgb(177,180,172)
```
#b1baa6
```
#b1baa6 rgb(177,186,166)
```
#b2c0a0
```
#b2c0a0 rgb(178,192,160)
```
#b3c69a
```
#b3c69a rgb(179,198,154)
```
#b4cc94
```
#b4cc94 rgb(180,204,148)
```
#b4d28e
```
#b4d28e rgb(180,210,142)
```
#b5d987
```
#b5d987 rgb(181,217,135)
```
#b6df81
```
#b6df81 rgb(182,223,129)
```
#b7e57b
```
#b7e57b rgb(183,229,123)
```
#b8eb75
```
#b8eb75 rgb(184,235,117)
```
#b8f16f
```
#b8f16f rgb(184,241,111)
```
#b9f769
```
#b9f769 rgb(185,247,105)
```
#bafd63
```
#bafd63 rgb(186,253,99)
```

Tone Color Variation

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

#d7d7d7 Achromatopsia 0.005% of the population
#d1dfc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea8f Protanopia 1% of men
#ffe6ca Deuteranopia 1% of men
#d4eeff Tritanopia 0.001% of the population

Trichromacy

#e5f17f Protanomaly 1% of men, 0.01% of women
#e5eea5 Deuteranomaly 6% of men, 0.4% of women
#caf3c6 Tritanomaly 0.01% of the population

#bafd63 hex color

#bafd63 Color Information

#bafd63 Color Conversion

Color Schemes with #bafd63

Alternatives to #bafd63

#bafd63 Preview

Shades and Tints of #bafd63

Tones of #bafd63

Color Blindness Simulator