#54a942 hex color

In a RGB color space, hex #54a942 is composed of 32.9% red, 66.3% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 50.3% cyan, 0% magenta, 60.9% yellow and 33.7% black. It has a hue angle of 109.5 degrees, a saturation of 43.8% and a lightness of 46.1%. #54a942 color hex could be obtained by blending #a8ff84 with #005300. Closest websafe color is: #669933.

♥
- f
- t
- g
- R 33
- G 66
- B 26
RGB color chart
- C 50
- M 0
- Y 61
- K 34
CMYK color chart

● #54a942 color description : Dark moderate lime green.

The hexadecimal color #54a942 has RGB values of R:84, G:169, B:66 and CMYK values of C:0.5, M:0, Y:0.61, K:0.34. Its decimal value is 5548354.

Hex triplet	54a942	`#54a942`
RGB Decimal	84, 169, 66	`rgb(84,169,66)`
RGB Percent	32.9, 66.3, 25.9	`rgb(32.9%,66.3%,25.9%)`
CMYK	50, 0, 61, 34
HSL	109.5°, 43.8, 46.1	`hsl(109.5,43.8%,46.1%)`
HSV (or HSB)	109.5°, 60.9, 66.3
Web Safe	669933	`#669933`

CIE-LAB	62.213, -45.665, 44.38
XYZ	18.827, 30.653, 10.078
xyY	0.316, 0.515, 30.653
CIE-LCH	62.213, 63.678, 135.818
CIE-LUV	62.213, -40.315, 59.699
Hunter-Lab	55.365, -36.19, 27.963
Binary	01010100, 10101001, 01000010

#54a942
```
#54a942 rgb(84,169,66)
```
#9742a9
```
#9742a9 rgb(151,66,169)
```

Complementary Color

#88a942
```
#88a942 rgb(136,169,66)
```
#54a942
```
#54a942 rgb(84,169,66)
```
#42a964
```
#42a964 rgb(66,169,100)
```

Analogous Color

#a94288
```
#a94288 rgb(169,66,136)
```
#54a942
```
#54a942 rgb(84,169,66)
```
#6442a9
```
#6442a9 rgb(100,66,169)
```

Split Complementary Color

#a94254
```
#a94254 rgb(169,66,84)
```
#54a942
```
#54a942 rgb(84,169,66)
```
#4254a9
```
#4254a9 rgb(66,84,169)
```

Triadic Color

#a99742
```
#a99742 rgb(169,151,66)
```
#54a942
```
#54a942 rgb(84,169,66)
```
#4254a9
```
#4254a9 rgb(66,84,169)
```
#9742a9
```
#9742a9 rgb(151,66,169)
```

Tetradic Color

#39722d
```
#39722d rgb(57,114,45)
```
#428434
```
#428434 rgb(66,132,52)
```
#4b973b
```
#4b973b rgb(75,151,59)
```
#54a942
```
#54a942 rgb(84,169,66)
```
#5fb94c
```
#5fb94c rgb(95,185,76)
```
#6fc05e
```
#6fc05e rgb(111,192,94)
```
#7fc770
```
#7fc770 rgb(127,199,112)
```

Monochromatic Color

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

#6ea942
```
#6ea942 rgb(110,169,66)
```
#65a942
```
#65a942 rgb(101,169,66)
```
#5da942
```
#5da942 rgb(93,169,66)
```
#54a942
```
#54a942 rgb(84,169,66)
```
#4ba942
```
#4ba942 rgb(75,169,66)
```
#43a942
```
#43a942 rgb(67,169,66)
```
#42a94a
```
#42a94a rgb(66,169,74)
```

Similar Colors

Text with hexadecimal color #54a942

This text has a font color of #54a942.

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

#54a942 background color

This paragraph has a background color of #54a942.

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

#54a942 border color

This element has a border color of #54a942.

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

CSS codes

.text {color:#54a942;}

.background {background-color:#54a942;}

.border {border:1px solid #54a942;}

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, #070e05 is the darkest color, while #ffffff is the lightest one.

#070e05
```
#070e05 rgb(7,14,5)
```
#0e1c0b
```
#0e1c0b rgb(14,28,11)
```
#152a10
```
#152a10 rgb(21,42,16)
```
#1c3816
```
#1c3816 rgb(28,56,22)
```
#23461b
```
#23461b rgb(35,70,27)
```
#2a5421
```
#2a5421 rgb(42,84,33)
```
#316226
```
#316226 rgb(49,98,38)
```
#38712c
```
#38712c rgb(56,113,44)
```
#3f7f31
```
#3f7f31 rgb(63,127,49)
```
#468d37
```
#468d37 rgb(70,141,55)
```
#4d9b3c
```
#4d9b3c rgb(77,155,60)
```
#54a942
```
#54a942 rgb(84,169,66)
```
#5bb748
```
#5bb748 rgb(91,183,72)
```

Shade Color Variation

#68bd55
```
#68bd55 rgb(104,189,85)
```
#74c264
```
#74c264 rgb(116,194,100)
```
#81c872
```
#81c872 rgb(129,200,114)
```
#8dcd80
```
#8dcd80 rgb(141,205,128)
```
#9ad38e
```
#9ad38e rgb(154,211,142)
```
#a7d89c
```
#a7d89c rgb(167,216,156)
```
#b3deaa
```
#b3deaa rgb(179,222,170)
```
#c0e3b8
```
#c0e3b8 rgb(192,227,184)
```
#cce9c6
```
#cce9c6 rgb(204,233,198)
```
#d9eed4
```
#d9eed4 rgb(217,238,212)
```
#e6f4e3
```
#e6f4e3 rgb(230,244,227)
```
#f2f9f1
```
#f2f9f1 rgb(242,249,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#717c6f
```
#717c6f rgb(113,124,111)
```
#6c8566
```
#6c8566 rgb(108,133,102)
```
#668e5d
```
#668e5d rgb(102,142,93)
```
#609754
```
#609754 rgb(96,151,84)
```
#5aa04b
```
#5aa04b rgb(90,160,75)
```
#54a942
```
#54a942 rgb(84,169,66)
```
#4eb239
```
#4eb239 rgb(78,178,57)
```
#48bb30
```
#48bb30 rgb(72,187,48)
```
#42c427
```
#42c427 rgb(66,196,39)
```
#3ccd1e
```
#3ccd1e rgb(60,205,30)
```
#37d615
```
#37d615 rgb(55,214,21)
```
#31df0c
```
#31df0c rgb(49,223,12)
```
#2be803
```
#2be803 rgb(43,232,3)
```

Tone Color Variation

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

#848484 Achromatopsia 0.005% of the population
#7a8b77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ac9c46 Protanopia 1% of men
#bd9455 Deuteranopia 1% of men
#73a3af Tritanopia 0.001% of the population

Trichromacy

#8ca044 Protanomaly 1% of men, 0.01% of women
#979c4e Deuteranomaly 6% of men, 0.4% of women
#68a587 Tritanomaly 0.01% of the population

#54a942 hex color

#54a942 Color Information

#54a942 Color Conversion

Color Schemes with #54a942

Alternatives to #54a942

#54a942 Preview

Shades and Tints of #54a942

Tones of #54a942

Color Blindness Simulator