colorhexa.com

#baf66c hex color

In a RGB color space, hex #baf66c is composed of 72.9% red, 96.5% green and 42.4% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 0% magenta, 56.1% yellow and 3.5% black. It has a hue angle of 86.1 degrees, a saturation of 88.5% and a lightness of 69.4%. #baf66c color hex could be obtained by blending #ffffd8 with #75ed00. Closest websafe color is: #ccff66.

- R 73
- G 96
- B 42
RGB color chart
- C 24
- M 0
- Y 56
- K 4
CMYK color chart

● #baf66c color description : Soft green.

The hexadecimal color #baf66c has RGB values of R:186, G:246, B:108 and CMYK values of C:0.24, M:0, Y:0.56, K:0.04. Its decimal value is 12252780.

Hex triplet	baf66c	`#baf66c`
RGB Decimal	186, 246, 108	`rgb(186,246,108)`
RGB Percent	72.9, 96.5, 42.4	`rgb(72.9%,96.5%,42.4%)`
CMYK	24, 0, 56, 4
HSL	86.1°, 88.5, 69.4	`hsl(86.1,88.5%,69.4%)`
HSV (or HSB)	86.1°, 56.1, 96.5
Web Safe	ccff66	`#ccff66`

CIE-LAB	90.52, -40.194, 59.279
XYZ	55.911, 77.432, 26.187
xyY	0.35, 0.485, 77.432
CIE-LCH	90.52, 71.621, 124.139
CIE-LUV	90.52, -29.735, 81.675
Hunter-Lab	87.995, -40.576, 43.953
Binary	10111010, 11110110, 01101100

#baf66c
```
#baf66c rgb(186,246,108)
```
#a86cf6
```
#a86cf6 rgb(168,108,246)
```

Complementary Color

#f6ed6c
```
#f6ed6c rgb(246,237,108)
```
#baf66c
```
#baf66c rgb(186,246,108)
```
#75f66c
```
#75f66c rgb(117,246,108)
```

Analogous Color

#ed6cf6
```
#ed6cf6 rgb(237,108,246)
```
#baf66c
```
#baf66c rgb(186,246,108)
```
#6c75f6
```
#6c75f6 rgb(108,117,246)
```

Split Complementary Color

#f66cba
```
#f66cba rgb(246,108,186)
```
#baf66c
```
#baf66c rgb(186,246,108)
```
#6cbaf6
```
#6cbaf6 rgb(108,186,246)
```

Triadic Color

#f6a86c
```
#f6a86c rgb(246,168,108)
```
#baf66c
```
#baf66c rgb(186,246,108)
```
#6cbaf6
```
#6cbaf6 rgb(108,186,246)
```
#a86cf6
```
#a86cf6 rgb(168,108,246)
```

Tetradic Color

#98f224
```
#98f224 rgb(152,242,36)
```
#a3f33c
```
#a3f33c rgb(163,243,60)
```
#aff554
```
#aff554 rgb(175,245,84)
```
#baf66c
```
#baf66c rgb(186,246,108)
```
#c5f784
```
#c5f784 rgb(197,247,132)
```
#d1f99c
```
#d1f99c rgb(209,249,156)
```
#dcfab4
```
#dcfab4 rgb(220,250,180)
```

Monochromatic Color

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

#ddf66c
```
#ddf66c rgb(221,246,108)
```
#d1f66c
```
#d1f66c rgb(209,246,108)
```
#c6f66c
```
#c6f66c rgb(198,246,108)
```
#baf66c
```
#baf66c rgb(186,246,108)
```
#aff66c
```
#aff66c rgb(175,246,108)
```
#a3f66c
```
#a3f66c rgb(163,246,108)
```
#98f66c
```
#98f66c rgb(152,246,108)
```

Similar Colors

Text with hexadecimal color #baf66c

This text has a font color of #baf66c.

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

#baf66c background color

This paragraph has a background color of #baf66c.

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

#baf66c border color

This element has a border color of #baf66c.

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

CSS codes

.text {color:#baf66c;}

.background {background-color:#baf66c;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0b1301
```
#0b1301 rgb(11,19,1)
```
#162602
```
#162602 rgb(22,38,2)
```
#213803
```
#213803 rgb(33,56,3)
```
#2c4b05
```
#2c4b05 rgb(44,75,5)
```
#375d06
```
#375d06 rgb(55,93,6)
```
#427007
```
#427007 rgb(66,112,7)
```
#4d8208
```
#4d8208 rgb(77,130,8)
```
#589509
```
#589509 rgb(88,149,9)
```
#63a70a
```
#63a70a rgb(99,167,10)
```
#6eba0b
```
#6eba0b rgb(110,186,11)
```
#79cc0d
```
#79cc0d rgb(121,204,13)
```
#84df0e
```
#84df0e rgb(132,223,14)
```

Shade Color Variation

#8ff010
```
#8ff010 rgb(143,240,16)
```
#97f122
```
#97f122 rgb(151,241,34)
```
#a0f335
```
#a0f335 rgb(160,243,53)
```
#a9f447
```
#a9f447 rgb(169,244,71)
```
#b1f55a
```
#b1f55a rgb(177,245,90)
```
#baf66c
```
#baf66c rgb(186,246,108)
```
#c3f77e
```
#c3f77e rgb(195,247,126)
```
#cbf891
```
#cbf891 rgb(203,248,145)
```
#d4f9a3
```
#d4f9a3 rgb(212,249,163)
```
#ddfbb6
```
#ddfbb6 rgb(221,251,182)
```
#e5fcc8
```
#e5fcc8 rgb(229,252,200)
```
#eefddb
```
#eefddb rgb(238,253,219)
```
#f7feed
```
#f7feed rgb(247,254,237)
```

Tint Color Variation

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

#b1b4ae
```
#b1b4ae rgb(177,180,174)
```
#b2baa8
```
#b2baa8 rgb(178,186,168)
```
#b3c0a2
```
#b3c0a2 rgb(179,192,162)
```
#b4c69c
```
#b4c69c rgb(180,198,156)
```
#b5cc96
```
#b5cc96 rgb(181,204,150)
```
#b5d290
```
#b5d290 rgb(181,210,144)
```
#b6d88a
```
#b6d88a rgb(182,216,138)
```
#b7de84
```
#b7de84 rgb(183,222,132)
```
#b8e47e
```
#b8e47e rgb(184,228,126)
```
#b8ea78
```
#b8ea78 rgb(184,234,120)
```
#b9f072
```
#b9f072 rgb(185,240,114)
```
#baf66c
```
#baf66c rgb(186,246,108)
```
#bbfc66
```
#bbfc66 rgb(187,252,102)
```

Tone Color Variation

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

#d4d4d4 Achromatopsia 0.005% of the population
#cfdbbf Atypical Achromatopsia 0.001% of the population

Dichromacy

#fde56e Protanopia 1% of men
#ffe0bd Deuteranopia 1% of men
#d2e8f9 Tritanopia 0.001% of the population

Trichromacy

#e4eb6d Protanomaly 1% of men, 0.01% of women
#e5e89f Deuteranomaly 6% of men, 0.4% of women
#c9edc5 Tritanomaly 0.01% of the population