#baf875 hex color

In a RGB color space, hex #baf875 is composed of 72.9% red, 97.3% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 25% cyan, 0% magenta, 52.8% yellow and 2.7% black. It has a hue angle of 88.4 degrees, a saturation of 90.3% and a lightness of 71.6%. #baf875 color hex could be obtained by blending #ffffea with #75f100. Closest websafe color is: #ccff66.

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

● #baf875 color description : Soft green.

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

Hex triplet	baf875	`#baf875`
RGB Decimal	186, 248, 117	`rgb(186,248,117)`
RGB Percent	72.9, 97.3, 45.9	`rgb(72.9%,97.3%,45.9%)`
CMYK	25, 0, 53, 3
HSL	88.4°, 90.3, 71.6	`hsl(88.4,90.3%,71.6%)`
HSV (or HSB)	88.4°, 52.8, 97.3
Web Safe	ccff66	`#ccff66`

CIE-LAB	91.169, -40.225, 56.029
XYZ	57.027, 78.857, 29.045
xyY	0.346, 0.478, 78.857
CIE-LCH	91.169, 68.973, 125.676
CIE-LUV	91.169, -30.751, 78.795
Hunter-Lab	88.801, -40.773, 42.768
Binary	10111010, 11111000, 01110101

#baf875
```
#baf875 rgb(186,248,117)
```
#b375f8
```
#b375f8 rgb(179,117,248)
```

Complementary Color

#f8f575
```
#f8f575 rgb(248,245,117)
```
#baf875
```
#baf875 rgb(186,248,117)
```
#79f875
```
#79f875 rgb(121,248,117)
```

Analogous Color

#f575f8
```
#f575f8 rgb(245,117,248)
```
#baf875
```
#baf875 rgb(186,248,117)
```
#7579f8
```
#7579f8 rgb(117,121,248)
```

Split Complementary Color

#f875ba
```
#f875ba rgb(248,117,186)
```
#baf875
```
#baf875 rgb(186,248,117)
```
#75baf8
```
#75baf8 rgb(117,186,248)
```

Triadic Color

#f8b375
```
#f8b375 rgb(248,179,117)
```
#baf875
```
#baf875 rgb(186,248,117)
```
#75baf8
```
#75baf8 rgb(117,186,248)
```
#b375f8
```
#b375f8 rgb(179,117,248)
```

Tetradic Color

#96f42c
```
#96f42c rgb(150,244,44)
```
#a2f644
```
#a2f644 rgb(162,246,68)
```
#aef75d
```
#aef75d rgb(174,247,93)
```
#baf875
```
#baf875 rgb(186,248,117)
```
#c6f98d
```
#c6f98d rgb(198,249,141)
```
#d2faa6
```
#d2faa6 rgb(210,250,166)
```
#defcbe
```
#defcbe rgb(222,252,190)
```

Monochromatic Color

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

#dbf875
```
#dbf875 rgb(219,248,117)
```
#d0f875
```
#d0f875 rgb(208,248,117)
```
#c5f875
```
#c5f875 rgb(197,248,117)
```
#baf875
```
#baf875 rgb(186,248,117)
```
#aff875
```
#aff875 rgb(175,248,117)
```
#a4f875
```
#a4f875 rgb(164,248,117)
```
#99f875
```
#99f875 rgb(153,248,117)
```

Similar Colors

Text with hexadecimal color #baf875

This text has a font color of #baf875.

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

#baf875 background color

This paragraph has a background color of #baf875.

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

#baf875 border color

This element has a border color of #baf875.

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

CSS codes

.text {color:#baf875;}

.background {background-color:#baf875;}

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

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

#060b01
```
#060b01 rgb(6,11,1)
```
#111e02
```
#111e02 rgb(17,30,2)
```
#1b3102
```
#1b3102 rgb(27,49,2)
```
#254303
```
#254303 rgb(37,67,3)
```
#2f5604
```
#2f5604 rgb(47,86,4)
```
#3a6905
```
#3a6905 rgb(58,105,5)
```
#447b06
```
#447b06 rgb(68,123,6)
```
#4e8e07
```
#4e8e07 rgb(78,142,7)
```
#58a108
```
#58a108 rgb(88,161,8)
```
#63b309
```
#63b309 rgb(99,179,9)
```
#6dc60a
```
#6dc60a rgb(109,198,10)
```
#77d90b
```
#77d90b rgb(119,217,11)
```
#82eb0c
```
#82eb0c rgb(130,235,12)
```

Shade Color Variation

#8bf318
```
#8bf318 rgb(139,243,24)
```
#95f42a
```
#95f42a rgb(149,244,42)
```
#9ef53d
```
#9ef53d rgb(158,245,61)
```
#a7f650
```
#a7f650 rgb(167,246,80)
```
#b1f762
```
#b1f762 rgb(177,247,98)
```
#baf875
```
#baf875 rgb(186,248,117)
```
#c3f988
```
#c3f988 rgb(195,249,136)
```
#cdfa9a
```
#cdfa9a rgb(205,250,154)
```
#d6fbad
```
#d6fbad rgb(214,251,173)
```
#dffcc0
```
#dffcc0 rgb(223,252,192)
```
#e9fdd2
```
#e9fdd2 rgb(233,253,210)
```
#f2fee5
```
#f2fee5 rgb(242,254,229)
```
#fbfff8
```
#fbfff8 rgb(251,255,248)
```

Tint Color Variation

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

#b7bbb2
```
#b7bbb2 rgb(183,187,178)
```
#b7c0ad
```
#b7c0ad rgb(183,192,173)
```
#b7c6a7
```
#b7c6a7 rgb(183,198,167)
```
#b8cba2
```
#b8cba2 rgb(184,203,162)
```
#b8d19c
```
#b8d19c rgb(184,209,156)
```
#b8d796
```
#b8d796 rgb(184,215,150)
```
#b9dc91
```
#b9dc91 rgb(185,220,145)
```
#b9e28b
```
#b9e28b rgb(185,226,139)
```
#b9e786
```
#b9e786 rgb(185,231,134)
```
#b9ed80
```
#b9ed80 rgb(185,237,128)
```
#baf27b
```
#baf27b rgb(186,242,123)
```
#baf875
```
#baf875 rgb(186,248,117)
```
#bafe6f
```
#bafe6f rgb(186,254,111)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

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

#baf875 hex color

#baf875 Color Information

#baf875 Color Conversion

Color Schemes with #baf875

Alternatives to #baf875

#baf875 Preview

Shades and Tints of #baf875

Tones of #baf875

Color Blindness Simulator