#baf175 hex color

In a RGB color space, hex #baf175 is composed of 72.9% red, 94.5% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 22.8% cyan, 0% magenta, 51.5% yellow and 5.5% black. It has a hue angle of 86.6 degrees, a saturation of 81.6% and a lightness of 70.2%. #baf175 color hex could be obtained by blending #ffffea with #75e300. Closest websafe color is: #ccff66.

♥
- f
- t
- g
- R 73
- G 95
- B 46
RGB color chart
- C 23
- M 0
- Y 51
- K 5
CMYK color chart

● #baf175 color description : Soft green.

The hexadecimal color #baf175 has RGB values of R:186, G:241, B:117 and CMYK values of C:0.23, M:0, Y:0.51, K:0.05. Its decimal value is 12251509.

Hex triplet	baf175	`#baf175`
RGB Decimal	186, 241, 117	`rgb(186,241,117)`
RGB Percent	72.9, 94.5, 45.9	`rgb(72.9%,94.5%,45.9%)`
CMYK	23, 0, 51, 5
HSL	86.6°, 81.6, 70.2	`hsl(86.6,81.6%,70.2%)`
HSV (or HSB)	86.6°, 51.5, 94.5
Web Safe	ccff66	`#ccff66`

CIE-LAB	89.221, -37.097, 53.718
XYZ	54.915, 74.633, 28.341
xyY	0.348, 0.473, 74.633
CIE-LCH	89.221, 65.282, 124.629
CIE-LUV	89.221, -27.175, 75.388
Hunter-Lab	86.39, -37.718, 41.023
Binary	10111010, 11110001, 01110101

#baf175
```
#baf175 rgb(186,241,117)
```
#ac75f1
```
#ac75f1 rgb(172,117,241)
```

Complementary Color

#f1ea75
```
#f1ea75 rgb(241,234,117)
```
#baf175
```
#baf175 rgb(186,241,117)
```
#7cf175
```
#7cf175 rgb(124,241,117)
```

Analogous Color

#ea75f1
```
#ea75f1 rgb(234,117,241)
```
#baf175
```
#baf175 rgb(186,241,117)
```
#757cf1
```
#757cf1 rgb(117,124,241)
```

Split Complementary Color

#f175ba
```
#f175ba rgb(241,117,186)
```
#baf175
```
#baf175 rgb(186,241,117)
```
#75baf1
```
#75baf1 rgb(117,186,241)
```

Triadic Color

#f1ac75
```
#f1ac75 rgb(241,172,117)
```
#baf175
```
#baf175 rgb(186,241,117)
```
#75baf1
```
#75baf1 rgb(117,186,241)
```
#ac75f1
```
#ac75f1 rgb(172,117,241)
```

Tetradic Color

#97ea30
```
#97ea30 rgb(151,234,48)
```
#a3ec47
```
#a3ec47 rgb(163,236,71)
```
#aeef5e
```
#aeef5e rgb(174,239,94)
```
#baf175
```
#baf175 rgb(186,241,117)
```
#c6f38c
```
#c6f38c rgb(198,243,140)
```
#d1f6a3
```
#d1f6a3 rgb(209,246,163)
```
#ddf8ba
```
#ddf8ba rgb(221,248,186)
```

Monochromatic Color

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

#d9f175
```
#d9f175 rgb(217,241,117)
```
#cff175
```
#cff175 rgb(207,241,117)
```
#c4f175
```
#c4f175 rgb(196,241,117)
```
#baf175
```
#baf175 rgb(186,241,117)
```
#b0f175
```
#b0f175 rgb(176,241,117)
```
#a5f175
```
#a5f175 rgb(165,241,117)
```
#9bf175
```
#9bf175 rgb(155,241,117)
```

Similar Colors

Text with hexadecimal color #baf175

This text has a font color of #baf175.

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

#baf175 background color

This paragraph has a background color of #baf175.

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

#baf175 border color

This element has a border color of #baf175.

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

CSS codes

.text {color:#baf175;}

.background {background-color:#baf175;}

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

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

#030400
```
#030400 rgb(3,4,0)
```
#0d1602
```
#0d1602 rgb(13,22,2)
```
#182804
```
#182804 rgb(24,40,4)
```
#233a06
```
#233a06 rgb(35,58,6)
```
#2e4c08
```
#2e4c08 rgb(46,76,8)
```
#385e09
```
#385e09 rgb(56,94,9)
```
#436f0b
```
#436f0b rgb(67,111,11)
```
#4e810d
```
#4e810d rgb(78,129,13)
```
#58930f
```
#58930f rgb(88,147,15)
```
#63a511
```
#63a511 rgb(99,165,17)
```
#6eb713
```
#6eb713 rgb(110,183,19)
```
#79c814
```
#79c814 rgb(121,200,20)
```
#83da16
```
#83da16 rgb(131,218,22)
```

Shade Color Variation

#8de81c
```
#8de81c rgb(141,232,28)
```
#96ea2e
```
#96ea2e rgb(150,234,46)
```
#9fec40
```
#9fec40 rgb(159,236,64)
```
#a8ed51
```
#a8ed51 rgb(168,237,81)
```
#b1ef63
```
#b1ef63 rgb(177,239,99)
```
#baf175
```
#baf175 rgb(186,241,117)
```
#c3f387
```
#c3f387 rgb(195,243,135)
```
#ccf599
```
#ccf599 rgb(204,245,153)
```
#d5f6aa
```
#d5f6aa rgb(213,246,170)
```
#def8bc
```
#def8bc rgb(222,248,188)
```
#e7face
```
#e7face rgb(231,250,206)
```
#effce0
```
#effce0 rgb(239,252,224)
```
#f8fef2
```
#f8fef2 rgb(248,254,242)
```

Tint Color Variation

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

#b3b7af
```
#b3b7af rgb(179,183,175)
```
#b4bcaa
```
#b4bcaa rgb(180,188,170)
```
#b5c2a4
```
#b5c2a4 rgb(181,194,164)
```
#b5c89e
```
#b5c89e rgb(181,200,158)
```
#b6ce98
```
#b6ce98 rgb(182,206,152)
```
#b7d492
```
#b7d492 rgb(183,212,146)
```
#b7da8c
```
#b7da8c rgb(183,218,140)
```
#b8df87
```
#b8df87 rgb(184,223,135)
```
#b9e581
```
#b9e581 rgb(185,229,129)
```
#b9eb7b
```
#b9eb7b rgb(185,235,123)
```
#baf175
```
#baf175 rgb(186,241,117)
```
#bbf76f
```
#bbf76f rgb(187,247,111)
```
#bbfd69
```
#bbfd69 rgb(187,253,105)
```

Tone Color Variation

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

#d2d2d2 Achromatopsia 0.005% of the population
#cdd8bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#f8e177 Protanopia 1% of men
#ffdcb3 Deuteranopia 1% of men
#d0e4f4 Tritanopia 0.001% of the population

Trichromacy

#e1e776 Protanomaly 1% of men, 0.01% of women
#e5e39c Deuteranomaly 6% of men, 0.4% of women
#c8e9c6 Tritanomaly 0.01% of the population

#baf175 hex color

#baf175 Color Information

#baf175 Color Conversion

Color Schemes with #baf175

Alternatives to #baf175

#baf175 Preview

Shades and Tints of #baf175

Tones of #baf175

Color Blindness Simulator