#baf484 hex color

In a RGB color space, hex #baf484 is composed of 72.9% red, 95.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 23.8% cyan, 0% magenta, 45.9% yellow and 4.3% black. It has a hue angle of 91.1 degrees, a saturation of 83.6% and a lightness of 73.7%. #baf484 color hex could be obtained by blending #ffffff with #75e909. 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

● #baf484 color description : Soft green.

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

Hex triplet	baf484	`#baf484`
RGB Decimal	186, 244, 132	`rgb(186,244,132)`
RGB Percent	72.9, 95.7, 51.8	`rgb(72.9%,95.7%,51.8%)`
CMYK	24, 0, 46, 4
HSL	91.1°, 83.6, 73.7	`hsl(91.1,83.6%,73.7%)`
HSV (or HSB)	91.1°, 45.9, 95.7
Web Safe	ccff99	`#ccff99`

CIE-LAB	90.232, -36.832, 47.922
XYZ	56.764, 76.805, 33.663
xyY	0.339, 0.459, 76.805
CIE-LCH	90.232, 60.441, 127.546
CIE-LUV	90.232, -28.73, 69.679
Hunter-Lab	87.638, -37.752, 38.573
Binary	10111010, 11110100, 10000100

#baf484
```
#baf484 rgb(186,244,132)
```
#be84f4
```
#be84f4 rgb(190,132,244)
```

Complementary Color

#f2f484
```
#f2f484 rgb(242,244,132)
```
#baf484
```
#baf484 rgb(186,244,132)
```
#84f486
```
#84f486 rgb(132,244,134)
```

Analogous Color

#f484f2
```
#f484f2 rgb(244,132,242)
```
#baf484
```
#baf484 rgb(186,244,132)
```
#8684f4
```
#8684f4 rgb(134,132,244)
```

Split Complementary Color

#f484ba
```
#f484ba rgb(244,132,186)
```
#baf484
```
#baf484 rgb(186,244,132)
```
#84baf4
```
#84baf4 rgb(132,186,244)
```

Triadic Color

#f4be84
```
#f4be84 rgb(244,190,132)
```
#baf484
```
#baf484 rgb(186,244,132)
```
#84baf4
```
#84baf4 rgb(132,186,244)
```
#be84f4
```
#be84f4 rgb(190,132,244)
```

Tetradic Color

#93ee3e
```
#93ee3e rgb(147,238,62)
```
#a0f055
```
#a0f055 rgb(160,240,85)
```
#adf26d
```
#adf26d rgb(173,242,109)
```
#baf484
```
#baf484 rgb(186,244,132)
```
#c7f69b
```
#c7f69b rgb(199,246,155)
```
#d4f8b3
```
#d4f8b3 rgb(212,248,179)
```
#e1faca
```
#e1faca rgb(225,250,202)
```

Monochromatic Color

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

#d6f484
```
#d6f484 rgb(214,244,132)
```
#cdf484
```
#cdf484 rgb(205,244,132)
```
#c3f484
```
#c3f484 rgb(195,244,132)
```
#baf484
```
#baf484 rgb(186,244,132)
```
#b1f484
```
#b1f484 rgb(177,244,132)
```
#a7f484
```
#a7f484 rgb(167,244,132)
```
#9ef484
```
#9ef484 rgb(158,244,132)
```

Similar Colors

Text with hexadecimal color #baf484

This text has a font color of #baf484.

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

#baf484 background color

This paragraph has a background color of #baf484.

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

#baf484 border color

This element has a border color of #baf484.

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

CSS codes

.text {color:#baf484;}

.background {background-color:#baf484;}

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

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

#020300
```
#020300 rgb(2,3,0)
```
#0b1502
```
#0b1502 rgb(11,21,2)
```
#152703
```
#152703 rgb(21,39,3)
```
#1e3905
```
#1e3905 rgb(30,57,5)
```
#284b07
```
#284b07 rgb(40,75,7)
```
#315d08
```
#315d08 rgb(49,93,8)
```
#3b6f0a
```
#3b6f0a rgb(59,111,10)
```
#44810c
```
#44810c rgb(68,129,12)
```
#4e930d
```
#4e930d rgb(78,147,13)
```
#57a50f
```
#57a50f rgb(87,165,15)
```
#61b710
```
#61b710 rgb(97,183,16)
```
#6ac912
```
#6ac912 rgb(106,201,18)
```
#74db14
```
#74db14 rgb(116,219,20)
```

Shade Color Variation

#7dea18
```
#7dea18 rgb(125,234,24)
```
#87ec2a
```
#87ec2a rgb(135,236,42)
```
#92ee3c
```
#92ee3c rgb(146,238,60)
```
#9cef4e
```
#9cef4e rgb(156,239,78)
```
#a6f160
```
#a6f160 rgb(166,241,96)
```
#b0f272
```
#b0f272 rgb(176,242,114)
```
#baf484
```
#baf484 rgb(186,244,132)
```
#c4f696
```
#c4f696 rgb(196,246,150)
```
#cef7a8
```
#cef7a8 rgb(206,247,168)
```
#d8f9ba
```
#d8f9ba rgb(216,249,186)
```
#e2facc
```
#e2facc rgb(226,250,204)
```
#edfcde
```
#edfcde rgb(237,252,222)
```
#f7fef0
```
#f7fef0 rgb(247,254,240)
```

Tint Color Variation

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

#bcc0b8
```
#bcc0b8 rgb(188,192,184)
```
#bcc6b2
```
#bcc6b2 rgb(188,198,178)
```
#bbcbad
```
#bbcbad rgb(187,203,173)
```
#bbd0a8
```
#bbd0a8 rgb(187,208,168)
```
#bbd5a3
```
#bbd5a3 rgb(187,213,163)
```
#bbda9e
```
#bbda9e rgb(187,218,158)
```
#bbdf99
```
#bbdf99 rgb(187,223,153)
```
#bbe593
```
#bbe593 rgb(187,229,147)
```
#baea8e
```
#baea8e rgb(186,234,142)
```
#baef89
```
#baef89 rgb(186,239,137)
```
#baf484
```
#baf484 rgb(186,244,132)
```
#baf97f
```
#baf97f rgb(186,249,127)
```
#bafe7a
```
#bafe7a rgb(186,254,122)
```

Tone Color Variation

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

#fae484 Protanopia 1% of men
#ffdfbd Deuteranopia 1% of men
#d0e7f8 Tritanopia 0.001% of the population

Trichromacy

#e2ea84 Protanomaly 1% of men, 0.01% of women
#e5e6a8 Deuteranomaly 6% of men, 0.4% of women
#c8ecce Tritanomaly 0.01% of the population

#baf484 hex color

#baf484 Color Information

#baf484 Color Conversion

Color Schemes with #baf484

Alternatives to #baf484

#baf484 Preview

Shades and Tints of #baf484

Tones of #baf484

Color Blindness Simulator