#baf584 hex color

In a RGB color space, hex #baf584 is composed of 72.9% red, 96.1% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 24.1% cyan, 0% magenta, 46.1% yellow and 3.9% black. It has a hue angle of 91.3 degrees, a saturation of 85% and a lightness of 73.9%. #baf584 color hex could be obtained by blending #ffffff with #75eb09. Closest websafe color is: #ccff99.

♥
- f
- t
- g
- R 73
- G 96
- B 52
RGB color chart
- C 24
- M 0
- Y 46
- K 4
CMYK color chart

● #baf584 color description : Soft green.

The hexadecimal color #baf584 has RGB values of R:186, G:245, B:132 and CMYK values of C:0.24, M:0, Y:0.46, K:0.04. Its decimal value is 12252548.

Hex triplet	baf584	`#baf584`
RGB Decimal	186, 245, 132	`rgb(186,245,132)`
RGB Percent	72.9, 96.1, 51.8	`rgb(72.9%,96.1%,51.8%)`
CMYK	24, 0, 46, 4
HSL	91.3°, 85, 73.9	`hsl(91.3,85%,73.9%)`
HSV (or HSB)	91.3°, 46.1, 96.1
Web Safe	ccff99	`#ccff99`

CIE-LAB	90.509, -37.284, 48.266
XYZ	57.065, 77.408, 33.763
xyY	0.339, 0.46, 77.408
CIE-LCH	90.509, 60.989, 127.685
CIE-LUV	90.509, -29.235, 70.192
Hunter-Lab	87.982, -38.193, 38.835
Binary	10111010, 11110101, 10000100

#baf584
```
#baf584 rgb(186,245,132)
```
#bf84f5
```
#bf84f5 rgb(191,132,245)
```

Complementary Color

#f3f584
```
#f3f584 rgb(243,245,132)
```
#baf584
```
#baf584 rgb(186,245,132)
```
#84f587
```
#84f587 rgb(132,245,135)
```

Analogous Color

#f584f3
```
#f584f3 rgb(245,132,243)
```
#baf584
```
#baf584 rgb(186,245,132)
```
#8784f5
```
#8784f5 rgb(135,132,245)
```

Split Complementary Color

#f584ba
```
#f584ba rgb(245,132,186)
```
#baf584
```
#baf584 rgb(186,245,132)
```
#84baf5
```
#84baf5 rgb(132,186,245)
```

Triadic Color

#f5bf84
```
#f5bf84 rgb(245,191,132)
```
#baf584
```
#baf584 rgb(186,245,132)
```
#84baf5
```
#84baf5 rgb(132,186,245)
```
#bf84f5
```
#bf84f5 rgb(191,132,245)
```

Tetradic Color

#92ef3d
```
#92ef3d rgb(146,239,61)
```
#a0f155
```
#a0f155 rgb(160,241,85)
```
#adf36c
```
#adf36c rgb(173,243,108)
```
#baf584
```
#baf584 rgb(186,245,132)
```
#c7f79c
```
#c7f79c rgb(199,247,156)
```
#d4f9b3
```
#d4f9b3 rgb(212,249,179)
```
#e2fbcb
```
#e2fbcb rgb(226,251,203)
```

Monochromatic Color

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

#d6f584
```
#d6f584 rgb(214,245,132)
```
#cdf584
```
#cdf584 rgb(205,245,132)
```
#c3f584
```
#c3f584 rgb(195,245,132)
```
#baf584
```
#baf584 rgb(186,245,132)
```
#b1f584
```
#b1f584 rgb(177,245,132)
```
#a7f584
```
#a7f584 rgb(167,245,132)
```
#9ef584
```
#9ef584 rgb(158,245,132)
```

Similar Colors

Text with hexadecimal color #baf584

This text has a font color of #baf584.

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

#baf584 background color

This paragraph has a background color of #baf584.

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

#baf584 border color

This element has a border color of #baf584.

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

CSS codes

.text {color:#baf584;}

.background {background-color:#baf584;}

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

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

#020400
```
#020400 rgb(2,4,0)
```
#0c1602
```
#0c1602 rgb(12,22,2)
```
#152803
```
#152803 rgb(21,40,3)
```
#1e3a05
```
#1e3a05 rgb(30,58,5)
```
#284d06
```
#284d06 rgb(40,77,6)
```
#315f08
```
#315f08 rgb(49,95,8)
```
#3b7109
```
#3b7109 rgb(59,113,9)
```
#44830b
```
#44830b rgb(68,131,11)
```
#4e950c
```
#4e950c rgb(78,149,12)
```
#57a70e
```
#57a70e rgb(87,167,14)
```
#60b90f
```
#60b90f rgb(96,185,15)
```
#6acc11
```
#6acc11 rgb(106,204,17)
```
#73de12
```
#73de12 rgb(115,222,18)
```

Shade Color Variation

#7dec17
```
#7dec17 rgb(125,236,23)
```
#87ee29
```
#87ee29 rgb(135,238,41)
```
#91ef3b
```
#91ef3b rgb(145,239,59)
```
#9bf14e
```
#9bf14e rgb(155,241,78)
```
#a6f260
```
#a6f260 rgb(166,242,96)
```
#b0f472
```
#b0f472 rgb(176,244,114)
```
#baf584
```
#baf584 rgb(186,245,132)
```
#c4f696
```
#c4f696 rgb(196,246,150)
```
#cef8a8
```
#cef8a8 rgb(206,248,168)
```
#d9f9ba
```
#d9f9ba rgb(217,249,186)
```
#e3fbcd
```
#e3fbcd rgb(227,251,205)
```
#edfcdf
```
#edfcdf rgb(237,252,223)
```
#f7fef1
```
#f7fef1 rgb(247,254,241)
```

Tint Color Variation

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

#bcbdbc
```
#bcbdbc rgb(188,189,188)
```
#bcc2b7
```
#bcc2b7 rgb(188,194,183)
```
#bcc7b2
```
#bcc7b2 rgb(188,199,178)
```
#bcccad
```
#bcccad rgb(188,204,173)
```
#bcd1a8
```
#bcd1a8 rgb(188,209,168)
```
#bbd6a3
```
#bbd6a3 rgb(187,214,163)
```
#bbdb9e
```
#bbdb9e rgb(187,219,158)
```
#bbe198
```
#bbe198 rgb(187,225,152)
```
#bbe693
```
#bbe693 rgb(187,230,147)
```
#baeb8e
```
#baeb8e rgb(186,235,142)
```
#baf089
```
#baf089 rgb(186,240,137)
```
#baf584
```
#baf584 rgb(186,245,132)
```
#bafa7f
```
#bafa7f rgb(186,250,127)
```

Tone Color Variation

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

Dichromacy

#fbe584 Protanopia 1% of men
#ffe0bf Deuteranopia 1% of men
#d0e8f9 Tritanopia 0.001% of the population

Trichromacy

#e3eb84 Protanomaly 1% of men, 0.01% of women
#e5e7aa Deuteranomaly 6% of men, 0.4% of women
#c8edce Tritanomaly 0.01% of the population

#baf584 hex color

#baf584 Color Information

#baf584 Color Conversion

Color Schemes with #baf584

Alternatives to #baf584

#baf584 Preview

Shades and Tints of #baf584

Tones of #baf584

Color Blindness Simulator