#bafd67 hex color

In a RGB color space, hex #bafd67 is composed of 72.9% red, 99.2% green and 40.4% blue. Whereas in a CMYK color space, it is composed of 26.5% cyan, 0% magenta, 59.3% yellow and 0.8% black. It has a hue angle of 86.8 degrees, a saturation of 97.4% and a lightness of 69.8%. #bafd67 color hex could be obtained by blending #ffffce with #75fb00. Closest websafe color is: #ccff66.

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

● #bafd67 color description : Soft green.

The hexadecimal color #bafd67 has RGB values of R:186, G:253, B:103 and CMYK values of C:0.26, M:0, Y:0.59, K:0.01. Its decimal value is 12254567.

Hex triplet	bafd67	`#bafd67`
RGB Decimal	186, 253, 103	`rgb(186,253,103)`
RGB Percent	72.9, 99.2, 40.4	`rgb(72.9%,99.2%,40.4%)`
CMYK	26, 0, 59, 1
HSL	86.8°, 97.4, 69.8	`hsl(86.8,97.4%,69.8%)`
HSV (or HSB)	86.8°, 59.3, 99.2
Web Safe	ccff66	`#ccff66`

CIE-LAB	92.428, -43.698, 63.588
XYZ	57.822, 81.667, 25.548
xyY	0.35, 0.495, 81.667
CIE-LCH	92.428, 77.155, 124.497
CIE-LUV	92.428, -33.296, 86.894
Hunter-Lab	90.37, -43.937, 46.497
Binary	10111010, 11111101, 01100111

#bafd67
```
#bafd67 rgb(186,253,103)
```
#aa67fd
```
#aa67fd rgb(170,103,253)
```

Complementary Color

#fdf567
```
#fdf567 rgb(253,245,103)
```
#bafd67
```
#bafd67 rgb(186,253,103)
```
#6ffd67
```
#6ffd67 rgb(111,253,103)
```

Analogous Color

#f567fd
```
#f567fd rgb(245,103,253)
```
#bafd67
```
#bafd67 rgb(186,253,103)
```
#676ffd
```
#676ffd rgb(103,111,253)
```

Split Complementary Color

#fd67ba
```
#fd67ba rgb(253,103,186)
```
#bafd67
```
#bafd67 rgb(186,253,103)
```
#67bafd
```
#67bafd rgb(103,186,253)
```

Triadic Color

#fdaa67
```
#fdaa67 rgb(253,170,103)
```
#bafd67
```
#bafd67 rgb(186,253,103)
```
#67bafd
```
#67bafd rgb(103,186,253)
```
#aa67fd
```
#aa67fd rgb(170,103,253)
```

Tetradic Color

#98fc1b
```
#98fc1b rgb(152,252,27)
```
#a3fc35
```
#a3fc35 rgb(163,252,53)
```
#affd4e
```
#affd4e rgb(175,253,78)
```
#bafd67
```
#bafd67 rgb(186,253,103)
```
#c5fd80
```
#c5fd80 rgb(197,253,128)
```
#d1fe99
```
#d1fe99 rgb(209,254,153)
```
#dcfeb3
```
#dcfeb3 rgb(220,254,179)
```

Monochromatic Color

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

#e0fd67
```
#e0fd67 rgb(224,253,103)
```
#d3fd67
```
#d3fd67 rgb(211,253,103)
```
#c7fd67
```
#c7fd67 rgb(199,253,103)
```
#bafd67
```
#bafd67 rgb(186,253,103)
```
#aefd67
```
#aefd67 rgb(174,253,103)
```
#a1fd67
```
#a1fd67 rgb(161,253,103)
```
#95fd67
```
#95fd67 rgb(149,253,103)
```

Similar Colors

Text with hexadecimal color #bafd67

This text has a font color of #bafd67.

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

#bafd67 background color

This paragraph has a background color of #bafd67.

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

#bafd67 border color

This element has a border color of #bafd67.

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

CSS codes

.text {color:#bafd67;}

.background {background-color:#bafd67;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#0c1600
```
#0c1600 rgb(12,22,0)
```
#172a01
```
#172a01 rgb(23,42,1)
```
#223d01
```
#223d01 rgb(34,61,1)
```
#2d5001
```
#2d5001 rgb(45,80,1)
```
#386401
```
#386401 rgb(56,100,1)
```
#437702
```
#437702 rgb(67,119,2)
```
#4d8a02
```
#4d8a02 rgb(77,138,2)
```
#589e02
```
#589e02 rgb(88,158,2)
```
#63b102
```
#63b102 rgb(99,177,2)
```
#6ec403
```
#6ec403 rgb(110,196,3)
```
#79d803
```
#79d803 rgb(121,216,3)
```
#84eb03
```
#84eb03 rgb(132,235,3)
```

Shade Color Variation

#8efc06
```
#8efc06 rgb(142,252,6)
```
#97fc1a
```
#97fc1a rgb(151,252,26)
```
#a0fc2d
```
#a0fc2d rgb(160,252,45)
```
#a8fc40
```
#a8fc40 rgb(168,252,64)
```
#b1fd54
```
#b1fd54 rgb(177,253,84)
```
#bafd67
```
#bafd67 rgb(186,253,103)
```
#c3fd7a
```
#c3fd7a rgb(195,253,122)
```
#ccfe8e
```
#ccfe8e rgb(204,254,142)
```
#d4fea1
```
#d4fea1 rgb(212,254,161)
```
#ddfeb4
```
#ddfeb4 rgb(221,254,180)
```
#e6fec8
```
#e6fec8 rgb(230,254,200)
```
#efffdb
```
#efffdb rgb(239,255,219)
```
#f8ffef
```
#f8ffef rgb(248,255,239)
```

Tint Color Variation

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

#b2b6ae
```
#b2b6ae rgb(178,182,174)
```
#b3bca8
```
#b3bca8 rgb(179,188,168)
```
#b4c2a2
```
#b4c2a2 rgb(180,194,162)
```
#b4c89c
```
#b4c89c rgb(180,200,156)
```
#b5ce96
```
#b5ce96 rgb(181,206,150)
```
#b6d490
```
#b6d490 rgb(182,212,144)
```
#b6d98b
```
#b6d98b rgb(182,217,139)
```
#b7df85
```
#b7df85 rgb(183,223,133)
```
#b7e57f
```
#b7e57f rgb(183,229,127)
```
#b8eb79
```
#b8eb79 rgb(184,235,121)
```
#b9f173
```
#b9f173 rgb(185,241,115)
```
#b9f76d
```
#b9f76d rgb(185,247,109)
```
#bafd67
```
#bafd67 rgb(186,253,103)
```

Tone Color Variation

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

#d8d8d8 Achromatopsia 0.005% of the population
#d2dfc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffea90 Protanopia 1% of men
#ffe6cb Deuteranopia 1% of men
#d4eeff Tritanopia 0.001% of the population

Trichromacy

#e5f181 Protanomaly 1% of men, 0.01% of women
#e5eea6 Deuteranomaly 6% of men, 0.4% of women
#caf3c7 Tritanomaly 0.01% of the population

#bafd67 hex color

#bafd67 Color Information

#bafd67 Color Conversion

Color Schemes with #bafd67

Alternatives to #bafd67

#bafd67 Preview

Shades and Tints of #bafd67

Tones of #bafd67

Color Blindness Simulator