colorhexa.com

#baf65f hex color

In a RGB color space, hex #baf65f is composed of 72.9% red, 96.5% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 24.4% cyan, 0% magenta, 61.4% yellow and 3.5% black. It has a hue angle of 83.8 degrees, a saturation of 89.3% and a lightness of 66.9%. #baf65f color hex could be obtained by blending #ffffbe with #75ed00. Closest websafe color is: #ccff66.

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

● #baf65f color description : Soft green.

The hexadecimal color #baf65f has RGB values of R:186, G:246, B:95 and CMYK values of C:0.24, M:0, Y:0.61, K:0.04. Its decimal value is 12252767.

Hex triplet	baf65f	`#baf65f`
RGB Decimal	186, 246, 95	`rgb(186,246,95)`
RGB Percent	72.9, 96.5, 37.3	`rgb(72.9%,96.5%,37.3%)`
CMYK	24, 0, 61, 4
HSL	83.8°, 89.3, 66.9	`hsl(83.8,89.3%,66.9%)`
HSV (or HSB)	83.8°, 61.4, 96.5
Web Safe	ccff66	`#ccff66`

CIE-LAB	90.402, -41.294, 64.67
XYZ	55.27, 77.176, 22.81
xyY	0.356, 0.497, 77.176
CIE-LCH	90.402, 76.729, 122.56
CIE-LUV	90.402, -29.735, 86.661
Hunter-Lab	87.85, -41.435, 46.1
Binary	10111010, 11110110, 01011111

#baf65f
```
#baf65f rgb(186,246,95)
```
#9b5ff6
```
#9b5ff6 rgb(155,95,246)
```

Complementary Color

#f6e75f
```
#f6e75f rgb(246,231,95)
```
#baf65f
```
#baf65f rgb(186,246,95)
```
#6ff65f
```
#6ff65f rgb(111,246,95)
```

Analogous Color

#e75ff6
```
#e75ff6 rgb(231,95,246)
```
#baf65f
```
#baf65f rgb(186,246,95)
```
#5f6ff6
```
#5f6ff6 rgb(95,111,246)
```

Split Complementary Color

#f65fba
```
#f65fba rgb(246,95,186)
```
#baf65f
```
#baf65f rgb(186,246,95)
```
#5fbaf6
```
#5fbaf6 rgb(95,186,246)
```

Triadic Color

#f69b5f
```
#f69b5f rgb(246,155,95)
```
#baf65f
```
#baf65f rgb(186,246,95)
```
#5fbaf6
```
#5fbaf6 rgb(95,186,246)
```
#9b5ff6
```
#9b5ff6 rgb(155,95,246)
```

Tetradic Color

#9bf217
```
#9bf217 rgb(155,242,23)
```
#a5f32f
```
#a5f32f rgb(165,243,47)
```
#b0f547
```
#b0f547 rgb(176,245,71)
```
#baf65f
```
#baf65f rgb(186,246,95)
```
#c4f777
```
#c4f777 rgb(196,247,119)
```
#cff98f
```
#cff98f rgb(207,249,143)
```
#d9faa7
```
#d9faa7 rgb(217,250,167)
```

Monochromatic Color

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

#e0f65f
```
#e0f65f rgb(224,246,95)
```
#d3f65f
```
#d3f65f rgb(211,246,95)
```
#c7f65f
```
#c7f65f rgb(199,246,95)
```
#baf65f
```
#baf65f rgb(186,246,95)
```
#adf65f
```
#adf65f rgb(173,246,95)
```
#a1f65f
```
#a1f65f rgb(161,246,95)
```
#94f65f
```
#94f65f rgb(148,246,95)
```

Similar Colors

Text with hexadecimal color #baf65f

This text has a font color of #baf65f.

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

#baf65f background color

This paragraph has a background color of #baf65f.

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

#baf65f border color

This element has a border color of #baf65f.

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

CSS codes

.text {color:#baf65f;}

.background {background-color:#baf65f;}

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

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

#040700
```
#040700 rgb(4,7,0)
```
#101a01
```
#101a01 rgb(16,26,1)
```
#1c2c02
```
#1c2c02 rgb(28,44,2)
```
#273f04
```
#273f04 rgb(39,63,4)
```
#335105
```
#335105 rgb(51,81,5)
```
#3e6406
```
#3e6406 rgb(62,100,6)
```
#4a7707
```
#4a7707 rgb(74,119,7)
```
#568908
```
#568908 rgb(86,137,8)
```
#619c09
```
#619c09 rgb(97,156,9)
```
#6dae0a
```
#6dae0a rgb(109,174,10)
```
#79c10b
```
#79c10b rgb(121,193,11)
```
#84d30c
```
#84d30c rgb(132,211,12)
```
#90e60d
```
#90e60d rgb(144,230,13)
```

Shade Color Variation

#9af215
```
#9af215 rgb(154,242,21)
```
#a2f327
```
#a2f327 rgb(162,243,39)
```
#aaf43a
```
#aaf43a rgb(170,244,58)
```
#b2f54c
```
#b2f54c rgb(178,245,76)
```
#baf65f
```
#baf65f rgb(186,246,95)
```
#c2f772
```
#c2f772 rgb(194,247,114)
```
#caf884
```
#caf884 rgb(202,248,132)
```
#d2f997
```
#d2f997 rgb(210,249,151)
```
#dafaa9
```
#dafaa9 rgb(218,250,169)
```
#e2fbbc
```
#e2fbbc rgb(226,251,188)
```
#eafcce
```
#eafcce rgb(234,252,206)
```
#f2fde1
```
#f2fde1 rgb(242,253,225)
```
#fafef4
```
#fafef4 rgb(250,254,244)
```

Tint Color Variation

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

#abafa7
```
#abafa7 rgb(171,175,167)
```
#adb5a0
```
#adb5a0 rgb(173,181,160)
```
#aebc9a
```
#aebc9a rgb(174,188,154)
```
#afc293
```
#afc293 rgb(175,194,147)
```
#b1c98d
```
#b1c98d rgb(177,201,141)
```
#b2cf86
```
#b2cf86 rgb(178,207,134)
```
#b3d680
```
#b3d680 rgb(179,214,128)
```
#b5dc79
```
#b5dc79 rgb(181,220,121)
```
#b6e373
```
#b6e373 rgb(182,227,115)
```
#b7e96c
```
#b7e96c rgb(183,233,108)
```
#b9f066
```
#b9f066 rgb(185,240,102)
```
#baf65f
```
#baf65f rgb(186,246,95)
```
#bbfd59
```
#bbfd59 rgb(187,253,89)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cedabc Atypical Achromatopsia 0.001% of the population

Dichromacy

#fde562 Protanopia 1% of men
#ffe0bb Deuteranopia 1% of men
#d3e7f8 Tritanopia 0.001% of the population

Trichromacy

#e5eb61 Protanomaly 1% of men, 0.01% of women
#e5e899 Deuteranomaly 6% of men, 0.4% of women
#caecc0 Tritanomaly 0.01% of the population