#5ab42f hex color

In a RGB color space, hex #5ab42f is composed of 35.3% red, 70.6% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 50% cyan, 0% magenta, 73.9% yellow and 29.4% black. It has a hue angle of 100.6 degrees, a saturation of 58.6% and a lightness of 44.5%. #5ab42f color hex could be obtained by blending #b4ff5e with #006900. Closest websafe color is: #66cc33.

♥
- f
- t
- g
- R 35
- G 71
- B 18
RGB color chart
- C 50
- M 0
- Y 74
- K 29
CMYK color chart

● #5ab42f color description : Moderate green.

The hexadecimal color #5ab42f has RGB values of R:90, G:180, B:47 and CMYK values of C:0.5, M:0, Y:0.74, K:0.29. Its decimal value is 5944367.

Hex triplet	5ab42f	`#5ab42f`
RGB Decimal	90, 180, 47	`rgb(90,180,47)`
RGB Percent	35.3, 70.6, 18.4	`rgb(35.3%,70.6%,18.4%)`
CMYK	50, 0, 74, 29
HSL	100.6°, 58.6, 44.5	`hsl(100.6,58.6%,44.5%)`
HSV (or HSB)	100.6°, 73.9, 70.6
Web Safe	66cc33	`#66cc33`

CIE-LAB	65.764, -49.921, 56.037
XYZ	21.05, 35.02, 8.339
xyY	0.327, 0.544, 35.02
CIE-LCH	65.764, 75.049, 131.696
CIE-LUV	65.764, -43.152, 71.205
Hunter-Lab	59.178, -40.067, 33.069
Binary	01011010, 10110100, 00101111

#5ab42f
```
#5ab42f rgb(90,180,47)
```
#892fb4
```
#892fb4 rgb(137,47,180)
```

Complementary Color

#9db42f
```
#9db42f rgb(157,180,47)
```
#5ab42f
```
#5ab42f rgb(90,180,47)
```
#2fb447
```
#2fb447 rgb(47,180,71)
```

Analogous Color

#b42f9d
```
#b42f9d rgb(180,47,157)
```
#5ab42f
```
#5ab42f rgb(90,180,47)
```
#472fb4
```
#472fb4 rgb(71,47,180)
```

Split Complementary Color

#b42f5a
```
#b42f5a rgb(180,47,90)
```
#5ab42f
```
#5ab42f rgb(90,180,47)
```
#2f5ab4
```
#2f5ab4 rgb(47,90,180)
```

Triadic Color

#b4892f
```
#b4892f rgb(180,137,47)
```
#5ab42f
```
#5ab42f rgb(90,180,47)
```
#2f5ab4
```
#2f5ab4 rgb(47,90,180)
```
#892fb4
```
#892fb4 rgb(137,47,180)
```

Tetradic Color

#3c771f
```
#3c771f rgb(60,119,31)
```
#468c24
```
#468c24 rgb(70,140,36)
```
#50a02a
```
#50a02a rgb(80,160,42)
```
#5ab42f
```
#5ab42f rgb(90,180,47)
```
#64c834
```
#64c834 rgb(100,200,52)
```
#73cf47
```
#73cf47 rgb(115,207,71)
```
#82d45b
```
#82d45b rgb(130,212,91)
```

Monochromatic Color

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

#7bb42f
```
#7bb42f rgb(123,180,47)
```
#70b42f
```
#70b42f rgb(112,180,47)
```
#65b42f
```
#65b42f rgb(101,180,47)
```
#5ab42f
```
#5ab42f rgb(90,180,47)
```
#4fb42f
```
#4fb42f rgb(79,180,47)
```
#44b42f
```
#44b42f rgb(68,180,47)
```
#39b42f
```
#39b42f rgb(57,180,47)
```

Similar Colors

Text with hexadecimal color #5ab42f

This text has a font color of #5ab42f.

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

#5ab42f background color

This paragraph has a background color of #5ab42f.

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

#5ab42f border color

This element has a border color of #5ab42f.

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

CSS codes

.text {color:#5ab42f;}

.background {background-color:#5ab42f;}

.border {border:1px solid #5ab42f;}

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

#040902
```
#040902 rgb(4,9,2)
```
#0c1806
```
#0c1806 rgb(12,24,6)
```
#14280a
```
#14280a rgb(20,40,10)
```
#1c380f
```
#1c380f rgb(28,56,15)
```
#244713
```
#244713 rgb(36,71,19)
```
#2b5717
```
#2b5717 rgb(43,87,23)
```
#33661b
```
#33661b rgb(51,102,27)
```
#3b761f
```
#3b761f rgb(59,118,31)
```
#438523
```
#438523 rgb(67,133,35)
```
#4a9527
```
#4a9527 rgb(74,149,39)
```
#52a42b
```
#52a42b rgb(82,164,43)
```
#5ab42f
```
#5ab42f rgb(90,180,47)
```
#62c433
```
#62c433 rgb(98,196,51)
```

Shade Color Variation

#6ccd3e
```
#6ccd3e rgb(108,205,62)
```
#78d14d
```
#78d14d rgb(120,209,77)
```
#84d55d
```
#84d55d rgb(132,213,93)
```
#8fd96c
```
#8fd96c rgb(143,217,108)
```
#9bdd7c
```
#9bdd7c rgb(155,221,124)
```
#a7e18b
```
#a7e18b rgb(167,225,139)
```
#b3e59b
```
#b3e59b rgb(179,229,155)
```
#bfe9ab
```
#bfe9ab rgb(191,233,171)
```
#cbedba
```
#cbedba rgb(203,237,186)
```
#d6f1ca
```
#d6f1ca rgb(214,241,202)
```
#e2f5d9
```
#e2f5d9 rgb(226,245,217)
```
#eef9e9
```
#eef9e9 rgb(238,249,233)
```
#fafdf8
```
#fafdf8 rgb(250,253,248)
```

Tint Color Variation

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

#70776c
```
#70776c rgb(112,119,108)
```
#6d8063
```
#6d8063 rgb(109,128,99)
```
#69885b
```
#69885b rgb(105,136,91)
```
#669152
```
#669152 rgb(102,145,82)
```
#639a49
```
#639a49 rgb(99,154,73)
```
#60a340
```
#60a340 rgb(96,163,64)
```
#5dab38
```
#5dab38 rgb(93,171,56)
```
#5ab42f
```
#5ab42f rgb(90,180,47)
```
#57bd26
```
#57bd26 rgb(87,189,38)
```
#54c51e
```
#54c51e rgb(84,197,30)
```
#51ce15
```
#51ce15 rgb(81,206,21)
```
#4ed70c
```
#4ed70c rgb(78,215,12)
```
#4be003
```
#4be003 rgb(75,224,3)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#809278 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b7a534 Protanopia 1% of men
#cb9d46 Deuteranopia 1% of men
#7cacb8 Tritanopia 0.001% of the population

Trichromacy

#95aa32 Protanomaly 1% of men, 0.01% of women
#a1a53d Deuteranomaly 6% of men, 0.4% of women
#6faf86 Tritanomaly 0.01% of the population

#5ab42f hex color

#5ab42f Color Information

#5ab42f Color Conversion

Color Schemes with #5ab42f

Alternatives to #5ab42f

#5ab42f Preview

Shades and Tints of #5ab42f

Tones of #5ab42f

Color Blindness Simulator