#baf96d hex color

In a RGB color space, hex #baf96d is composed of 72.9% red, 97.6% green and 42.7% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 0% magenta, 56.2% yellow and 2.4% black. It has a hue angle of 87 degrees, a saturation of 92.1% and a lightness of 70.2%. #baf96d color hex could be obtained by blending #ffffda with #75f300. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 73
- G 98
- B 43
RGB color chart
- C 25
- M 0
- Y 56
- K 2
CMYK color chart

● #baf96d color description : Soft green.

The hexadecimal color #baf96d has RGB values of R:186, G:249, B:109 and CMYK values of C:0.25, M:0, Y:0.56, K:0.02. Its decimal value is 12253549.

Hex triplet	baf96d	`#baf96d`
RGB Decimal	186, 249, 109	`rgb(186,249,109)`
RGB Percent	72.9, 97.6, 42.7	`rgb(72.9%,97.6%,42.7%)`
CMYK	25, 0, 56, 2
HSL	87°, 92.1, 70.2	`hsl(87,92.1%,70.2%)`
HSV (or HSB)	87°, 56.2, 97.6
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.367, -41.426, 59.814
XYZ	56.884, 79.293, 26.775
xyY	0.349, 0.487, 79.293
CIE-LCH	91.367, 72.759, 124.706
CIE-LUV	91.367, -31.264, 82.676
Hunter-Lab	89.047, -41.803, 44.505
Binary	10111010, 11111001, 01101101

#baf96d
```
#baf96d rgb(186,249,109)
```
#ac6df9
```
#ac6df9 rgb(172,109,249)
```

Complementary Color

#f9f26d
```
#f9f26d rgb(249,242,109)
```
#baf96d
```
#baf96d rgb(186,249,109)
```
#74f96d
```
#74f96d rgb(116,249,109)
```

Analogous Color

#f26df9
```
#f26df9 rgb(242,109,249)
```
#baf96d
```
#baf96d rgb(186,249,109)
```
#6d74f9
```
#6d74f9 rgb(109,116,249)
```

Split Complementary Color

#f96dba
```
#f96dba rgb(249,109,186)
```
#baf96d
```
#baf96d rgb(186,249,109)
```
#6dbaf9
```
#6dbaf9 rgb(109,186,249)
```

Triadic Color

#f9ac6d
```
#f9ac6d rgb(249,172,109)
```
#baf96d
```
#baf96d rgb(186,249,109)
```
#6dbaf9
```
#6dbaf9 rgb(109,186,249)
```
#ac6df9
```
#ac6df9 rgb(172,109,249)
```

Tetradic Color

#97f624
```
#97f624 rgb(151,246,36)
```
#a3f73c
```
#a3f73c rgb(163,247,60)
```
#aef855
```
#aef855 rgb(174,248,85)
```
#baf96d
```
#baf96d rgb(186,249,109)
```
#c6fa85
```
#c6fa85 rgb(198,250,133)
```
#d1fb9e
```
#d1fb9e rgb(209,251,158)
```
#ddfcb6
```
#ddfcb6 rgb(221,252,182)
```

Monochromatic Color

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

#ddf96d
```
#ddf96d rgb(221,249,109)
```
#d1f96d
```
#d1f96d rgb(209,249,109)
```
#c6f96d
```
#c6f96d rgb(198,249,109)
```
#baf96d
```
#baf96d rgb(186,249,109)
```
#aef96d
```
#aef96d rgb(174,249,109)
```
#a3f96d
```
#a3f96d rgb(163,249,109)
```
#97f96d
```
#97f96d rgb(151,249,109)
```

Similar Colors

Text with hexadecimal color #baf96d

This text has a font color of #baf96d.

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

#baf96d background color

This paragraph has a background color of #baf96d.

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

#baf96d border color

This element has a border color of #baf96d.

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

CSS codes

.text {color:#baf96d;}

.background {background-color:#baf96d;}

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

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

#030500
```
#030500 rgb(3,5,0)
```
#0d1801
```
#0d1801 rgb(13,24,1)
```
#182a02
```
#182a02 rgb(24,42,2)
```
#233d03
```
#233d03 rgb(35,61,3)
```
#2e5003
```
#2e5003 rgb(46,80,3)
```
#386304
```
#386304 rgb(56,99,4)
```
#437605
```
#437605 rgb(67,118,5)
```
#4e8906
```
#4e8906 rgb(78,137,6)
```
#589b06
```
#589b06 rgb(88,155,6)
```
#63ae07
```
#63ae07 rgb(99,174,7)
```
#6ec108
```
#6ec108 rgb(110,193,8)
```
#79d409
```
#79d409 rgb(121,212,9)
```
#83e709
```
#83e709 rgb(131,231,9)
```

Shade Color Variation

#8df50f
```
#8df50f rgb(141,245,15)
```
#96f622
```
#96f622 rgb(150,246,34)
```
#9ff734
```
#9ff734 rgb(159,247,52)
```
#a8f747
```
#a8f747 rgb(168,247,71)
```
#b1f85a
```
#b1f85a rgb(177,248,90)
```
#baf96d
```
#baf96d rgb(186,249,109)
```
#c3fa80
```
#c3fa80 rgb(195,250,128)
```
#ccfb93
```
#ccfb93 rgb(204,251,147)
```
#d5fba6
```
#d5fba6 rgb(213,251,166)
```
#defcb8
```
#defcb8 rgb(222,252,184)
```
#e7fdcb
```
#e7fdcb rgb(231,253,203)
```
#effede
```
#effede rgb(239,254,222)
```
#f8fef1
```
#f8fef1 rgb(248,254,241)
```

Tint Color Variation

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

#b4b9ad
```
#b4b9ad rgb(180,185,173)
```
#b4bfa7
```
#b4bfa7 rgb(180,191,167)
```
#b5c4a2
```
#b5c4a2 rgb(181,196,162)
```
#b5ca9c
```
#b5ca9c rgb(181,202,156)
```
#b6d096
```
#b6d096 rgb(182,208,150)
```
#b6d690
```
#b6d690 rgb(182,214,144)
```
#b7dc8a
```
#b7dc8a rgb(183,220,138)
```
#b8e284
```
#b8e284 rgb(184,226,132)
```
#b8e77f
```
#b8e77f rgb(184,231,127)
```
#b9ed79
```
#b9ed79 rgb(185,237,121)
```
#b9f373
```
#b9f373 rgb(185,243,115)
```
#baf96d
```
#baf96d rgb(186,249,109)
```
#bbff67
```
#bbff67 rgb(187,255,103)
```

Tone Color Variation

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

#d6d6d6 Achromatopsia 0.005% of the population
#d0ddc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe777 Protanopia 1% of men
#ffe3c3 Deuteranopia 1% of men
#d3eafb Tritanopia 0.001% of the population

Trichromacy

#e5ee73 Protanomaly 1% of men, 0.01% of women
#e5eba4 Deuteranomaly 6% of men, 0.4% of women
#c9f0c7 Tritanomaly 0.01% of the population

#baf96d hex color

#baf96d Color Information

#baf96d Color Conversion

Color Schemes with #baf96d

Alternatives to #baf96d

#baf96d Preview

Shades and Tints of #baf96d

Tones of #baf96d

Color Blindness Simulator