#baf970 hex color

In a RGB color space, hex #baf970 is composed of 72.9% red, 97.6% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 25.3% cyan, 0% magenta, 55% yellow and 2.4% black. It has a hue angle of 87.6 degrees, a saturation of 91.9% and a lightness of 70.8%. #baf970 color hex could be obtained by blending #ffffe0 with #75f300. Closest websafe color is: #ccff66.

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

● #baf970 color description : Soft green.

The hexadecimal color #baf970 has RGB values of R:186, G:249, B:112 and CMYK values of C:0.25, M:0, Y:0.55, K:0.02. Its decimal value is 12253552.

Hex triplet	baf970	`#baf970`
RGB Decimal	186, 249, 112	`rgb(186,249,112)`
RGB Percent	72.9, 97.6, 43.9	`rgb(72.9%,97.6%,43.9%)`
CMYK	25, 0, 55, 2
HSL	87.6°, 91.9, 70.8	`hsl(87.6,91.9%,70.8%)`
HSV (or HSB)	87.6°, 55, 97.6
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.396, -41.149, 58.53
XYZ	57.049, 79.359, 27.64
xyY	0.348, 0.484, 79.359
CIE-LCH	91.396, 71.547, 125.109
CIE-LUV	91.396, -31.261, 81.431
Hunter-Lab	89.084, -41.586, 43.962
Binary	10111010, 11111001, 01110000

#baf970
```
#baf970 rgb(186,249,112)
```
#af70f9
```
#af70f9 rgb(175,112,249)
```

Complementary Color

#f9f470
```
#f9f470 rgb(249,244,112)
```
#baf970
```
#baf970 rgb(186,249,112)
```
#76f970
```
#76f970 rgb(118,249,112)
```

Analogous Color

#f470f9
```
#f470f9 rgb(244,112,249)
```
#baf970
```
#baf970 rgb(186,249,112)
```
#7076f9
```
#7076f9 rgb(112,118,249)
```

Split Complementary Color

#f970ba
```
#f970ba rgb(249,112,186)
```
#baf970
```
#baf970 rgb(186,249,112)
```
#70baf9
```
#70baf9 rgb(112,186,249)
```

Triadic Color

#f9af70
```
#f9af70 rgb(249,175,112)
```
#baf970
```
#baf970 rgb(186,249,112)
```
#70baf9
```
#70baf9 rgb(112,186,249)
```
#af70f9
```
#af70f9 rgb(175,112,249)
```

Tetradic Color

#97f627
```
#97f627 rgb(151,246,39)
```
#a2f73f
```
#a2f73f rgb(162,247,63)
```
#aef858
```
#aef858 rgb(174,248,88)
```
#baf970
```
#baf970 rgb(186,249,112)
```
#c6fa88
```
#c6fa88 rgb(198,250,136)
```
#d2fba1
```
#d2fba1 rgb(210,251,161)
```
#ddfcb9
```
#ddfcb9 rgb(221,252,185)
```

Monochromatic Color

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

#dcf970
```
#dcf970 rgb(220,249,112)
```
#d1f970
```
#d1f970 rgb(209,249,112)
```
#c5f970
```
#c5f970 rgb(197,249,112)
```
#baf970
```
#baf970 rgb(186,249,112)
```
#aff970
```
#aff970 rgb(175,249,112)
```
#a3f970
```
#a3f970 rgb(163,249,112)
```
#98f970
```
#98f970 rgb(152,249,112)
```

Similar Colors

Text with hexadecimal color #baf970

This text has a font color of #baf970.

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

#baf970 background color

This paragraph has a background color of #baf970.

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

#baf970 border color

This element has a border color of #baf970.

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

CSS codes

.text {color:#baf970;}

.background {background-color:#baf970;}

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

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

#040800
```
#040800 rgb(4,8,0)
```
#0f1a01
```
#0f1a01 rgb(15,26,1)
```
#192d02
```
#192d02 rgb(25,45,2)
```
#244003
```
#244003 rgb(36,64,3)
```
#2e5303
```
#2e5303 rgb(46,83,3)
```
#396604
```
#396604 rgb(57,102,4)
```
#437905
```
#437905 rgb(67,121,5)
```
#4e8b06
```
#4e8b06 rgb(78,139,6)
```
#599e07
```
#599e07 rgb(89,158,7)
```
#63b107
```
#63b107 rgb(99,177,7)
```
#6ec408
```
#6ec408 rgb(110,196,8)
```
#78d709
```
#78d709 rgb(120,215,9)
```
#83ea0a
```
#83ea0a rgb(131,234,10)
```

Shade Color Variation

#8df512
```
#8df512 rgb(141,245,18)
```
#96f625
```
#96f625 rgb(150,246,37)
```
#9ff738
```
#9ff738 rgb(159,247,56)
```
#a8f74a
```
#a8f74a rgb(168,247,74)
```
#b1f85d
```
#b1f85d rgb(177,248,93)
```
#baf970
```
#baf970 rgb(186,249,112)
```
#c3fa83
```
#c3fa83 rgb(195,250,131)
```
#ccfb96
```
#ccfb96 rgb(204,251,150)
```
#d5fba8
```
#d5fba8 rgb(213,251,168)
```
#defcbb
```
#defcbb rgb(222,252,187)
```
#e7fdce
```
#e7fdce rgb(231,253,206)
```
#f1fee1
```
#f1fee1 rgb(241,254,225)
```
#fafff4
```
#fafff4 rgb(250,255,244)
```

Tint Color Variation

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

#b5baaf
```
#b5baaf rgb(181,186,175)
```
#b5c0a9
```
#b5c0a9 rgb(181,192,169)
```
#b6c5a4
```
#b6c5a4 rgb(182,197,164)
```
#b6cb9e
```
#b6cb9e rgb(182,203,158)
```
#b7d198
```
#b7d198 rgb(183,209,152)
```
#b7d792
```
#b7d792 rgb(183,215,146)
```
#b8dc8d
```
#b8dc8d rgb(184,220,141)
```
#b8e287
```
#b8e287 rgb(184,226,135)
```
#b9e881
```
#b9e881 rgb(185,232,129)
```
#b9ee7b
```
#b9ee7b rgb(185,238,123)
```
#baf376
```
#baf376 rgb(186,243,118)
```
#baf970
```
#baf970 rgb(186,249,112)
```
#baff6a
```
#baff6a rgb(186,255,106)
```

Tone Color Variation

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

Dichromacy

#ffe778 Protanopia 1% of men
#ffe3c4 Deuteranopia 1% of men
#d2ebfc Tritanopia 0.001% of the population

Trichromacy

#e5ee75 Protanomaly 1% of men, 0.01% of women
#e5eba5 Deuteranomaly 6% of men, 0.4% of women
#c9f0c9 Tritanomaly 0.01% of the population

#baf970 hex color

#baf970 Color Information

#baf970 Color Conversion

Color Schemes with #baf970

Alternatives to #baf970

#baf970 Preview

Shades and Tints of #baf970

Tones of #baf970

Color Blindness Simulator