#54a214 hex color

In a RGB color space, hex #54a214 is composed of 32.9% red, 63.5% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 48.1% cyan, 0% magenta, 87.7% yellow and 36.5% black. It has a hue angle of 93 degrees, a saturation of 78% and a lightness of 35.7%. #54a214 color hex could be obtained by blending #a8ff28 with #004500. Closest websafe color is: #669900.

♥
- f
- t
- g
- R 33
- G 64
- B 8
RGB color chart
- C 48
- M 0
- Y 88
- K 36
CMYK color chart

● #54a214 color description : Dark green.

The hexadecimal color #54a214 has RGB values of R:84, G:162, B:20 and CMYK values of C:0.48, M:0, Y:0.88, K:0.36. Its decimal value is 5546516.

Hex triplet	54a214	`#54a214`
RGB Decimal	84, 162, 20	`rgb(84,162,20)`
RGB Percent	32.9, 63.5, 7.8	`rgb(32.9%,63.5%,7.8%)`
CMYK	48, 0, 88, 36
HSL	93°, 78, 35.7	`hsl(93,78%,35.7%)`
HSV (or HSB)	93°, 87.7, 63.5
Web Safe	669900	`#669900`

CIE-LAB	59.685, -46.17, 58.196
XYZ	16.702, 27.775, 5.143
xyY	0.337, 0.56, 27.775
CIE-LCH	59.685, 74.286, 128.427
CIE-LUV	59.685, -37.991, 68.826
Hunter-Lab	52.702, -35.659, 31.106
Binary	01010100, 10100010, 00010100

#54a214
```
#54a214 rgb(84,162,20)
```
#6214a2
```
#6214a2 rgb(98,20,162)
```

Complementary Color

#9ba214
```
#9ba214 rgb(155,162,20)
```
#54a214
```
#54a214 rgb(84,162,20)
```
#14a21b
```
#14a21b rgb(20,162,27)
```

Analogous Color

#a2149b
```
#a2149b rgb(162,20,155)
```
#54a214
```
#54a214 rgb(84,162,20)
```
#1b14a2
```
#1b14a2 rgb(27,20,162)
```

Split Complementary Color

#a21454
```
#a21454 rgb(162,20,84)
```
#54a214
```
#54a214 rgb(84,162,20)
```
#1454a2
```
#1454a2 rgb(20,84,162)
```

Triadic Color

#a26214
```
#a26214 rgb(162,98,20)
```
#54a214
```
#54a214 rgb(84,162,20)
```
#1454a2
```
#1454a2 rgb(20,84,162)
```
#6214a2
```
#6214a2 rgb(98,20,162)
```

Tetradic Color

#315e0c
```
#315e0c rgb(49,94,12)
```
#3c750e
```
#3c750e rgb(60,117,14)
```
#488b11
```
#488b11 rgb(72,139,17)
```
#54a214
```
#54a214 rgb(84,162,20)
```
#60b917
```
#60b917 rgb(96,185,23)
```
#6ccf1a
```
#6ccf1a rgb(108,207,26)
```
#78e31f
```
#78e31f rgb(120,227,31)
```

Monochromatic Color

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

#78a214
```
#78a214 rgb(120,162,20)
```
#6ca214
```
#6ca214 rgb(108,162,20)
```
#60a214
```
#60a214 rgb(96,162,20)
```
#54a214
```
#54a214 rgb(84,162,20)
```
#48a214
```
#48a214 rgb(72,162,20)
```
#3ca214
```
#3ca214 rgb(60,162,20)
```
#30a214
```
#30a214 rgb(48,162,20)
```

Similar Colors

Text with hexadecimal color #54a214

This text has a font color of #54a214.

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

#54a214 background color

This paragraph has a background color of #54a214.

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

#54a214 border color

This element has a border color of #54a214.

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

CSS codes

.text {color:#54a214;}

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

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

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

#030501
```
#030501 rgb(3,5,1)
```
#0c1603
```
#0c1603 rgb(12,22,3)
```
#152805
```
#152805 rgb(21,40,5)
```
#1e3907
```
#1e3907 rgb(30,57,7)
```
#274b09
```
#274b09 rgb(39,75,9)
```
#305c0b
```
#305c0b rgb(48,92,11)
```
#396e0e
```
#396e0e rgb(57,110,14)
```
#427f10
```
#427f10 rgb(66,127,16)
```
#4b9112
```
#4b9112 rgb(75,145,18)
```
#54a214
```
#54a214 rgb(84,162,20)
```
#5db316
```
#5db316 rgb(93,179,22)
```
#66c518
```
#66c518 rgb(102,197,24)
```
#6fd61a
```
#6fd61a rgb(111,214,26)
```

Shade Color Variation

#79e421
```
#79e421 rgb(121,228,33)
```
#83e632
```
#83e632 rgb(131,230,50)
```
#8ee844
```
#8ee844 rgb(142,232,68)
```
#98ea55
```
#98ea55 rgb(152,234,85)
```
#a3ec67
```
#a3ec67 rgb(163,236,103)
```
#adee78
```
#adee78 rgb(173,238,120)
```
#b8f18a
```
#b8f18a rgb(184,241,138)
```
#c3f39b
```
#c3f39b rgb(195,243,155)
```
#cdf5ad
```
#cdf5ad rgb(205,245,173)
```
#d8f7be
```
#d8f7be rgb(216,247,190)
```
#e2f9cf
```
#e2f9cf rgb(226,249,207)
```
#edfbe1
```
#edfbe1 rgb(237,251,225)
```
#f7fdf2
```
#f7fdf2 rgb(247,253,242)
```

Tint Color Variation

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

#5b5c5a
```
#5b5c5a rgb(91,92,90)
```
#5a6353
```
#5a6353 rgb(90,99,83)
```
#5a6a4c
```
#5a6a4c rgb(90,106,76)
```
#597145
```
#597145 rgb(89,113,69)
```
#58783e
```
#58783e rgb(88,120,62)
```
#577f37
```
#577f37 rgb(87,127,55)
```
#578630
```
#578630 rgb(87,134,48)
```
#568d29
```
#568d29 rgb(86,141,41)
```
#559422
```
#559422 rgb(85,148,34)
```
#559b1b
```
#559b1b rgb(85,155,27)
```
#54a214
```
#54a214 rgb(84,162,20)
```
#53a90d
```
#53a90d rgb(83,169,13)
```
#53b006
```
#53b006 rgb(83,176,6)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#728266 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a7951b Protanopia 1% of men
#b98e31 Deuteranopia 1% of men
#749ba7 Tritanopia 0.001% of the population

Trichromacy

#899a18 Protanomaly 1% of men, 0.01% of women
#949526 Deuteranomaly 6% of men, 0.4% of women
#689e71 Tritanomaly 0.01% of the population

#54a214 hex color

#54a214 Color Information

#54a214 Color Conversion

Color Schemes with #54a214

Alternatives to #54a214

#54a214 Preview

Shades and Tints of #54a214

Tones of #54a214

Color Blindness Simulator