colorhexa.com

#baf87d hex color

In a RGB color space, hex #baf87d is composed of 72.9% red, 97.3% green and 49% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 49.6% yellow and 2.7% black. It has a hue angle of 90.2 degrees, a saturation of 89.8% and a lightness of 73.1%. #baf87d color hex could be obtained by blending #fffffa with #75f100. Closest websafe color is: #ccff66.

- R 73
- G 97
- B 49
RGB color chart
- C 25
- M 0
- Y 50
- K 3
CMYK color chart

● #baf87d color description : Soft green.

The hexadecimal color #baf87d has RGB values of R:186, G:248, B:125 and CMYK values of C:0.25, M:0, Y:0.5, K:0.03. Its decimal value is 12253309.

Hex triplet	baf87d	`#baf87d`
RGB Decimal	186, 248, 125	`rgb(186,248,125)`
RGB Percent	72.9, 97.3, 49	`rgb(72.9%,97.3%,49%)`
CMYK	25, 0, 50, 3
HSL	90.2°, 89.8, 73.1	`hsl(90.2,89.8%,73.1%)`
HSV (or HSB)	90.2°, 49.6, 97.3
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.258, -39.402, 52.472
XYZ	57.517, 79.053, 31.629
xyY	0.342, 0.47, 79.053
CIE-LCH	91.258, 65.618, 126.904
CIE-LUV	91.258, -30.745, 75.133
Hunter-Lab	88.912, -40.124, 41.147
Binary	10111010, 11111000, 01111101

#baf87d
```
#baf87d rgb(186,248,125)
```
#bb7df8
```
#bb7df8 rgb(187,125,248)
```

Complementary Color

#f8f87d
```
#f8f87d rgb(248,248,125)
```
#baf87d
```
#baf87d rgb(186,248,125)
```
#7df87e
```
#7df87e rgb(125,248,126)
```

Analogous Color

#f87df8
```
#f87df8 rgb(248,125,248)
```
#baf87d
```
#baf87d rgb(186,248,125)
```
#7e7df8
```
#7e7df8 rgb(126,125,248)
```

Split Complementary Color

#f87dba
```
#f87dba rgb(248,125,186)
```
#baf87d
```
#baf87d rgb(186,248,125)
```
#7dbaf8
```
#7dbaf8 rgb(125,186,248)
```

Triadic Color

#f8bb7d
```
#f8bb7d rgb(248,187,125)
```
#baf87d
```
#baf87d rgb(186,248,125)
```
#7dbaf8
```
#7dbaf8 rgb(125,186,248)
```
#bb7df8
```
#bb7df8 rgb(187,125,248)
```

Tetradic Color

#93f434
```
#93f434 rgb(147,244,52)
```
#a0f54d
```
#a0f54d rgb(160,245,77)
```
#adf765
```
#adf765 rgb(173,247,101)
```
#baf87d
```
#baf87d rgb(186,248,125)
```
#c7f995
```
#c7f995 rgb(199,249,149)
```
#d4fbad
```
#d4fbad rgb(212,251,173)
```
#e1fcc6
```
#e1fcc6 rgb(225,252,198)
```

Monochromatic Color

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

#d9f87d
```
#d9f87d rgb(217,248,125)
```
#cff87d
```
#cff87d rgb(207,248,125)
```
#c4f87d
```
#c4f87d rgb(196,248,125)
```
#baf87d
```
#baf87d rgb(186,248,125)
```
#b0f87d
```
#b0f87d rgb(176,248,125)
```
#a6f87d
```
#a6f87d rgb(166,248,125)
```
#9bf87d
```
#9bf87d rgb(155,248,125)
```

Similar Colors

Text with hexadecimal color #baf87d

This text has a font color of #baf87d.

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

#baf87d background color

This paragraph has a background color of #baf87d.

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

#baf87d border color

This element has a border color of #baf87d.

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

CSS codes

.text {color:#baf87d;}

.background {background-color:#baf87d;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0a1301
```
#0a1301 rgb(10,19,1)
```
#142602
```
#142602 rgb(20,38,2)
```
#1d3803
```
#1d3803 rgb(29,56,3)
```
#274b04
```
#274b04 rgb(39,75,4)
```
#315d05
```
#315d05 rgb(49,93,5)
```
#3b7006
```
#3b7006 rgb(59,112,6)
```
#448307
```
#448307 rgb(68,131,7)
```
#4e9508
```
#4e9508 rgb(78,149,8)
```
#58a809
```
#58a809 rgb(88,168,9)
```
#62ba0a
```
#62ba0a rgb(98,186,10)
```
#6bcd0b
```
#6bcd0b rgb(107,205,11)
```
#75e00c
```
#75e00c rgb(117,224,12)
```

Shade Color Variation

#7ff20d
```
#7ff20d rgb(127,242,13)
```
#89f320
```
#89f320 rgb(137,243,32)
```
#92f433
```
#92f433 rgb(146,244,51)
```
#9cf545
```
#9cf545 rgb(156,245,69)
```
#a6f658
```
#a6f658 rgb(166,246,88)
```
#b0f76a
```
#b0f76a rgb(176,247,106)
```
#baf87d
```
#baf87d rgb(186,248,125)
```
#c4f990
```
#c4f990 rgb(196,249,144)
```
#cefaa2
```
#cefaa2 rgb(206,250,162)
```
#d8fbb5
```
#d8fbb5 rgb(216,251,181)
```
#e2fcc7
```
#e2fcc7 rgb(226,252,199)
```
#ebfdda
```
#ebfdda rgb(235,253,218)
```
#f5feed
```
#f5feed rgb(245,254,237)
```

Tint Color Variation

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

#babeb7
```
#babeb7 rgb(186,190,183)
```
#bac3b2
```
#bac3b2 rgb(186,195,178)
```
#bac9ac
```
#bac9ac rgb(186,201,172)
```
#bacea7
```
#bacea7 rgb(186,206,167)
```
#bad3a2
```
#bad3a2 rgb(186,211,162)
```
#bad89d
```
#bad89d rgb(186,216,157)
```
#bade97
```
#bade97 rgb(186,222,151)
```
#bae392
```
#bae392 rgb(186,227,146)
```
#bae88d
```
#bae88d rgb(186,232,141)
```
#baed88
```
#baed88 rgb(186,237,136)
```
#baf382
```
#baf382 rgb(186,243,130)
```
#baf87d
```
#baf87d rgb(186,248,125)
```
#bafd78
```
#bafd78 rgb(186,253,120)
```

Tone Color Variation

Below, you can see how #baf87d 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
#d1dec5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fee77e Protanopia 1% of men
#ffe2c4 Deuteranopia 1% of men
#d1eafb Tritanopia 0.001% of the population

Trichromacy

#e5ed7d Protanomaly 1% of men, 0.01% of women
#e5eaaa Deuteranomaly 6% of men, 0.4% of women
#c9efcd Tritanomaly 0.01% of the population