#baf874 hex color

In a RGB color space, hex #baf874 is composed of 72.9% red, 97.3% green and 45.5% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 53.2% yellow and 2.7% black. It has a hue angle of 88.2 degrees, a saturation of 90.4% and a lightness of 71.4%. #baf874 color hex could be obtained by blending #ffffe8 with #75f100. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 73
- G 97
- B 45
RGB color chart
- C 25
- M 0
- Y 53
- K 3
CMYK color chart

● #baf874 color description : Soft green.

The hexadecimal color #baf874 has RGB values of R:186, G:248, B:116 and CMYK values of C:0.25, M:0, Y:0.53, K:0.03. Its decimal value is 12253300.

Hex triplet	baf874	`#baf874`
RGB Decimal	186, 248, 116	`rgb(186,248,116)`
RGB Percent	72.9, 97.3, 45.5	`rgb(72.9%,97.3%,45.5%)`
CMYK	25, 0, 53, 3
HSL	88.2°, 90.4, 71.4	`hsl(88.2,90.4%,71.4%)`
HSV (or HSB)	88.2°, 53.2, 97.3
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.159, -40.324, 56.467
XYZ	56.968, 78.833, 28.737
xyY	0.346, 0.479, 78.833
CIE-LCH	91.159, 69.387, 125.531
CIE-LUV	91.159, -30.751, 79.235
Hunter-Lab	88.788, -40.851, 42.962
Binary	10111010, 11111000, 01110100

#baf874
```
#baf874 rgb(186,248,116)
```
#b274f8
```
#b274f8 rgb(178,116,248)
```

Complementary Color

#f8f474
```
#f8f474 rgb(248,244,116)
```
#baf874
```
#baf874 rgb(186,248,116)
```
#78f874
```
#78f874 rgb(120,248,116)
```

Analogous Color

#f474f8
```
#f474f8 rgb(244,116,248)
```
#baf874
```
#baf874 rgb(186,248,116)
```
#7478f8
```
#7478f8 rgb(116,120,248)
```

Split Complementary Color

#f874ba
```
#f874ba rgb(248,116,186)
```
#baf874
```
#baf874 rgb(186,248,116)
```
#74baf8
```
#74baf8 rgb(116,186,248)
```

Triadic Color

#f8b274
```
#f8b274 rgb(248,178,116)
```
#baf874
```
#baf874 rgb(186,248,116)
```
#74baf8
```
#74baf8 rgb(116,186,248)
```
#b274f8
```
#b274f8 rgb(178,116,248)
```

Tetradic Color

#96f42b
```
#96f42b rgb(150,244,43)
```
#a2f643
```
#a2f643 rgb(162,246,67)
```
#aef75c
```
#aef75c rgb(174,247,92)
```
#baf874
```
#baf874 rgb(186,248,116)
```
#c6f98c
```
#c6f98c rgb(198,249,140)
```
#d2faa5
```
#d2faa5 rgb(210,250,165)
```
#defcbd
```
#defcbd rgb(222,252,189)
```

Monochromatic Color

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

#dbf874
```
#dbf874 rgb(219,248,116)
```
#d0f874
```
#d0f874 rgb(208,248,116)
```
#c5f874
```
#c5f874 rgb(197,248,116)
```
#baf874
```
#baf874 rgb(186,248,116)
```
#aff874
```
#aff874 rgb(175,248,116)
```
#a4f874
```
#a4f874 rgb(164,248,116)
```
#99f874
```
#99f874 rgb(153,248,116)
```

Similar Colors

Text with hexadecimal color #baf874

This text has a font color of #baf874.

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

#baf874 background color

This paragraph has a background color of #baf874.

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

#baf874 border color

This element has a border color of #baf874.

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

CSS codes

.text {color:#baf874;}

.background {background-color:#baf874;}

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

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, #060a01 is the darkest color, while #fbfff7 is the lightest one.

#060a01
```
#060a01 rgb(6,10,1)
```
#101d01
```
#101d01 rgb(16,29,1)
```
#1a3002
```
#1a3002 rgb(26,48,2)
```
#254203
```
#254203 rgb(37,66,3)
```
#2f5504
```
#2f5504 rgb(47,85,4)
```
#396805
```
#396805 rgb(57,104,5)
```
#447a06
```
#447a06 rgb(68,122,6)
```
#4e8d07
```
#4e8d07 rgb(78,141,7)
```
#59a008
```
#59a008 rgb(89,160,8)
```
#63b209
```
#63b209 rgb(99,178,9)
```
#6dc50a
```
#6dc50a rgb(109,197,10)
```
#78d80b
```
#78d80b rgb(120,216,11)
```
#82ea0c
```
#82ea0c rgb(130,234,12)
```

Shade Color Variation

#8cf317
```
#8cf317 rgb(140,243,23)
```
#95f429
```
#95f429 rgb(149,244,41)
```
#9ef53c
```
#9ef53c rgb(158,245,60)
```
#a7f64f
```
#a7f64f rgb(167,246,79)
```
#b1f761
```
#b1f761 rgb(177,247,97)
```
#baf874
```
#baf874 rgb(186,248,116)
```
#c3f987
```
#c3f987 rgb(195,249,135)
```
#cdfa99
```
#cdfa99 rgb(205,250,153)
```
#d6fbac
```
#d6fbac rgb(214,251,172)
```
#dffcbf
```
#dffcbf rgb(223,252,191)
```
#e8fdd1
```
#e8fdd1 rgb(232,253,209)
```
#f2fee4
```
#f2fee4 rgb(242,254,228)
```
#fbfff7
```
#fbfff7 rgb(251,255,247)
```

Tint Color Variation

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

#b6bab2
```
#b6bab2 rgb(182,186,178)
```
#b7c0ac
```
#b7c0ac rgb(183,192,172)
```
#b7c5a7
```
#b7c5a7 rgb(183,197,167)
```
#b7cba1
```
#b7cba1 rgb(183,203,161)
```
#b8d19b
```
#b8d19b rgb(184,209,155)
```
#b8d696
```
#b8d696 rgb(184,214,150)
```
#b8dc90
```
#b8dc90 rgb(184,220,144)
```
#b9e28a
```
#b9e28a rgb(185,226,138)
```
#b9e785
```
#b9e785 rgb(185,231,133)
```
#b9ed7f
```
#b9ed7f rgb(185,237,127)
```
#baf27a
```
#baf27a rgb(186,242,122)
```
#baf874
```
#baf874 rgb(186,248,116)
```
#bafe6e
```
#bafe6e rgb(186,254,110)
```

Tone Color Variation

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

Dichromacy

#fee775 Protanopia 1% of men
#ffe2c2 Deuteranopia 1% of men
#d2eafb Tritanopia 0.001% of the population

Trichromacy

#e5ed75 Protanomaly 1% of men, 0.01% of women
#e5eaa6 Deuteranomaly 6% of men, 0.4% of women
#c9efca Tritanomaly 0.01% of the population

#baf874 hex color

#baf874 Color Information

#baf874 Color Conversion

Color Schemes with #baf874

Alternatives to #baf874

#baf874 Preview

Shades and Tints of #baf874

Tones of #baf874

Color Blindness Simulator