#baf86b hex color

In a RGB color space, hex #baf86b is composed of 72.9% red, 97.3% green and 42% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 56.9% yellow and 2.7% black. It has a hue angle of 86.4 degrees, a saturation of 91% and a lightness of 69.6%. #baf86b color hex could be obtained by blending #ffffd6 with #75f100. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 73
- G 97
- B 42
RGB color chart
- C 25
- M 0
- Y 57
- K 3
CMYK color chart

● #baf86b color description : Soft green.

The hexadecimal color #baf86b has RGB values of R:186, G:248, B:107 and CMYK values of C:0.25, M:0, Y:0.57, K:0.03. Its decimal value is 12253291.

Hex triplet	baf86b	`#baf86b`
RGB Decimal	186, 248, 107	`rgb(186,248,107)`
RGB Percent	72.9, 97.3, 42	`rgb(72.9%,97.3%,42%)`
CMYK	25, 0, 57, 3
HSL	86.4°, 91, 69.6	`hsl(86.4,91%,69.6%)`
HSV (or HSB)	86.4°, 56.9, 97.3
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.068, -41.167, 60.343
XYZ	56.47, 78.634, 26.112
xyY	0.35, 0.488, 78.634
CIE-LCH	91.068, 73.048, 124.302
CIE-LUV	91.068, -30.757, 83.019
Hunter-Lab	88.676, -41.512, 44.614
Binary	10111010, 11111000, 01101011

#baf86b
```
#baf86b rgb(186,248,107)
```
#a96bf8
```
#a96bf8 rgb(169,107,248)
```

Complementary Color

#f8f06b
```
#f8f06b rgb(248,240,107)
```
#baf86b
```
#baf86b rgb(186,248,107)
```
#74f86b
```
#74f86b rgb(116,248,107)
```

Analogous Color

#f06bf8
```
#f06bf8 rgb(240,107,248)
```
#baf86b
```
#baf86b rgb(186,248,107)
```
#6b74f8
```
#6b74f8 rgb(107,116,248)
```

Split Complementary Color

#f86bba
```
#f86bba rgb(248,107,186)
```
#baf86b
```
#baf86b rgb(186,248,107)
```
#6bbaf8
```
#6bbaf8 rgb(107,186,248)
```

Triadic Color

#f8a96b
```
#f8a96b rgb(248,169,107)
```
#baf86b
```
#baf86b rgb(186,248,107)
```
#6bbaf8
```
#6bbaf8 rgb(107,186,248)
```
#a96bf8
```
#a96bf8 rgb(169,107,248)
```

Tetradic Color

#98f522
```
#98f522 rgb(152,245,34)
```
#a3f63a
```
#a3f63a rgb(163,246,58)
```
#aff753
```
#aff753 rgb(175,247,83)
```
#baf86b
```
#baf86b rgb(186,248,107)
```
#c5f983
```
#c5f983 rgb(197,249,131)
```
#d1fa9c
```
#d1fa9c rgb(209,250,156)
```
#dcfbb4
```
#dcfbb4 rgb(220,251,180)
```

Monochromatic Color

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

#ddf86b
```
#ddf86b rgb(221,248,107)
```
#d2f86b
```
#d2f86b rgb(210,248,107)
```
#c6f86b
```
#c6f86b rgb(198,248,107)
```
#baf86b
```
#baf86b rgb(186,248,107)
```
#aef86b
```
#aef86b rgb(174,248,107)
```
#a3f86b
```
#a3f86b rgb(163,248,107)
```
#97f86b
```
#97f86b rgb(151,248,107)
```

Similar Colors

Text with hexadecimal color #baf86b

This text has a font color of #baf86b.

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

#baf86b background color

This paragraph has a background color of #baf86b.

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

#baf86b border color

This element has a border color of #baf86b.

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

CSS codes

.text {color:#baf86b;}

.background {background-color:#baf86b;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0c1501
```
#0c1501 rgb(12,21,1)
```
#172702
```
#172702 rgb(23,39,2)
```
#223a03
```
#223a03 rgb(34,58,3)
```
#2d4d04
```
#2d4d04 rgb(45,77,4)
```
#375f05
```
#375f05 rgb(55,95,5)
```
#427205
```
#427205 rgb(66,114,5)
```
#4d8506
```
#4d8506 rgb(77,133,6)
```
#589807
```
#589807 rgb(88,152,7)
```
#63aa08
```
#63aa08 rgb(99,170,8)
```
#6ebd09
```
#6ebd09 rgb(110,189,9)
```
#79d00a
```
#79d00a rgb(121,208,10)
```
#84e30b
```
#84e30b rgb(132,227,11)
```

Shade Color Variation

#8ef40d
```
#8ef40d rgb(142,244,13)
```
#97f420
```
#97f420 rgb(151,244,32)
```
#a0f533
```
#a0f533 rgb(160,245,51)
```
#a9f646
```
#a9f646 rgb(169,246,70)
```
#b1f758
```
#b1f758 rgb(177,247,88)
```
#baf86b
```
#baf86b rgb(186,248,107)
```
#c3f97e
```
#c3f97e rgb(195,249,126)
```
#cbfa90
```
#cbfa90 rgb(203,250,144)
```
#d4fba3
```
#d4fba3 rgb(212,251,163)
```
#ddfcb6
```
#ddfcb6 rgb(221,252,182)
```
#e6fcc9
```
#e6fcc9 rgb(230,252,201)
```
#eefddb
```
#eefddb rgb(238,253,219)
```
#f7feee
```
#f7feee rgb(247,254,238)
```

Tint Color Variation

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

#b2b6ad
```
#b2b6ad rgb(178,182,173)
```
#b3bca7
```
#b3bca7 rgb(179,188,167)
```
#b4c2a1
```
#b4c2a1 rgb(180,194,161)
```
#b4c89b
```
#b4c89b rgb(180,200,155)
```
#b5ce95
```
#b5ce95 rgb(181,206,149)
```
#b6d48f
```
#b6d48f rgb(182,212,143)
```
#b6da89
```
#b6da89 rgb(182,218,137)
```
#b7e083
```
#b7e083 rgb(183,224,131)
```
#b8e67d
```
#b8e67d rgb(184,230,125)
```
#b9ec77
```
#b9ec77 rgb(185,236,119)
```
#b9f271
```
#b9f271 rgb(185,242,113)
```
#baf86b
```
#baf86b rgb(186,248,107)
```
#bbfe65
```
#bbfe65 rgb(187,254,101)
```

Tone Color Variation

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

#d5d5d5 Achromatopsia 0.005% of the population
#d0dcc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe66e Protanopia 1% of men
#ffe2c1 Deuteranopia 1% of men
#d2eafa Tritanopia 0.001% of the population

Trichromacy

#e5ed6d Protanomaly 1% of men, 0.01% of women
#e5eaa1 Deuteranomaly 6% of men, 0.4% of women
#c9efc6 Tritanomaly 0.01% of the population

#baf86b hex color

#baf86b Color Information

#baf86b Color Conversion

Color Schemes with #baf86b

Alternatives to #baf86b

#baf86b Preview

Shades and Tints of #baf86b

Tones of #baf86b

Color Blindness Simulator