#54a070 hex color

In a RGB color space, hex #54a070 is composed of 32.9% red, 62.7% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 0% magenta, 30% yellow and 37.3% black. It has a hue angle of 142.1 degrees, a saturation of 31.1% and a lightness of 47.8%. #54a070 color hex could be obtained by blending #a8ffe0 with #004100. Closest websafe color is: #669966.

♥
- f
- t
- g
- R 33
- G 63
- B 44
RGB color chart
- C 48
- M 0
- Y 30
- K 37
CMYK color chart

● #54a070 color description : Dark moderate cyan - lime green.

The hexadecimal color #54a070 has RGB values of R:84, G:160, B:112 and CMYK values of C:0.48, M:0, Y:0.3, K:0.37. Its decimal value is 5546096.

Hex triplet	54a070	`#54a070`
RGB Decimal	84, 160, 112	`rgb(84,160,112)`
RGB Percent	32.9, 62.7, 43.9	`rgb(32.9%,62.7%,43.9%)`
CMYK	48, 0, 30, 37
HSL	142.1°, 31.1, 47.8	`hsl(142.1,31.1%,47.8%)`
HSV (or HSB)	142.1°, 47.5, 62.7
Web Safe	669966	`#669966`

CIE-LAB	60.065, -34.741, 17.91
XYZ	19.15, 28.195, 19.761
xyY	0.285, 0.42, 28.195
CIE-LCH	60.065, 39.086, 152.727
CIE-LUV	60.065, -35.178, 29.514
Hunter-Lab	53.099, -28.546, 15.104
Binary	01010100, 10100000, 01110000

#54a070
```
#54a070 rgb(84,160,112)
```
#a05484
```
#a05484 rgb(160,84,132)
```

Complementary Color

#5ea054
```
#5ea054 rgb(94,160,84)
```
#54a070
```
#54a070 rgb(84,160,112)
```
#54a096
```
#54a096 rgb(84,160,150)
```

Analogous Color

#a0545e
```
#a0545e rgb(160,84,94)
```
#54a070
```
#54a070 rgb(84,160,112)
```
#9654a0
```
#9654a0 rgb(150,84,160)
```

Split Complementary Color

#a07054
```
#a07054 rgb(160,112,84)
```
#54a070
```
#54a070 rgb(84,160,112)
```
#7054a0
```
#7054a0 rgb(112,84,160)
```

Triadic Color

#84a054
```
#84a054 rgb(132,160,84)
```
#54a070
```
#54a070 rgb(84,160,112)
```
#7054a0
```
#7054a0 rgb(112,84,160)
```
#a05484
```
#a05484 rgb(160,84,132)
```

Tetradic Color

#3a6e4d
```
#3a6e4d rgb(58,110,77)
```
#427f59
```
#427f59 rgb(66,127,89)
```
#4b8f64
```
#4b8f64 rgb(75,143,100)
```
#54a070
```
#54a070 rgb(84,160,112)
```
#61ac7d
```
#61ac7d rgb(97,172,125)
```
#72b58b
```
#72b58b rgb(114,181,139)
```
#83be98
```
#83be98 rgb(131,190,152)
```

Monochromatic Color

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

#54a05d
```
#54a05d rgb(84,160,93)
```
#54a063
```
#54a063 rgb(84,160,99)
```
#54a06a
```
#54a06a rgb(84,160,106)
```
#54a070
```
#54a070 rgb(84,160,112)
```
#54a076
```
#54a076 rgb(84,160,118)
```
#54a07d
```
#54a07d rgb(84,160,125)
```
#54a083
```
#54a083 rgb(84,160,131)
```

Similar Colors

Text with hexadecimal color #54a070

This text has a font color of #54a070.

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

#54a070 background color

This paragraph has a background color of #54a070.

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

#54a070 border color

This element has a border color of #54a070.

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

CSS codes

.text {color:#54a070;}

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

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

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

#030604
```
#030604 rgb(3,6,4)
```
#0a130d
```
#0a130d rgb(10,19,13)
```
#101f16
```
#101f16 rgb(16,31,22)
```
#172c1f
```
#172c1f rgb(23,44,31)
```
#1e3928
```
#1e3928 rgb(30,57,40)
```
#254631
```
#254631 rgb(37,70,49)
```
#2b533a
```
#2b533a rgb(43,83,58)
```
#326043
```
#326043 rgb(50,96,67)
```
#396d4c
```
#396d4c rgb(57,109,76)
```
#407955
```
#407955 rgb(64,121,85)
```
#46865e
```
#46865e rgb(70,134,94)
```
#4d9367
```
#4d9367 rgb(77,147,103)
```
#54a070
```
#54a070 rgb(84,160,112)
```

Shade Color Variation

#5daa7a
```
#5daa7a rgb(93,170,122)
```
#6ab184
```
#6ab184 rgb(106,177,132)
```
#77b88f
```
#77b88f rgb(119,184,143)
```
#84be9a
```
#84be9a rgb(132,190,154)
```
#91c5a4
```
#91c5a4 rgb(145,197,164)
```
#9eccaf
```
#9eccaf rgb(158,204,175)
```
#abd3b9
```
#abd3b9 rgb(171,211,185)
```
#b7d9c4
```
#b7d9c4 rgb(183,217,196)
```
#c4e0cf
```
#c4e0cf rgb(196,224,207)
```
#d1e7d9
```
#d1e7d9 rgb(209,231,217)
```
#deeee4
```
#deeee4 rgb(222,238,228)
```
#ebf4ee
```
#ebf4ee rgb(235,244,238)
```
#f8fbf9
```
#f8fbf9 rgb(248,251,249)
```

Tint Color Variation

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

#7a7a7a
```
#7a7a7a rgb(122,122,122)
```
#708477
```
#708477 rgb(112,132,119)
```
#678d75
```
#678d75 rgb(103,141,117)
```
#5d9772
```
#5d9772 rgb(93,151,114)
```
#54a070
```
#54a070 rgb(84,160,112)
```
#4ba96e
```
#4ba96e rgb(75,169,110)
```
#41b36b
```
#41b36b rgb(65,179,107)
```
#38bc69
```
#38bc69 rgb(56,188,105)
```
#2ec666
```
#2ec666 rgb(46,198,102)
```
#25cf64
```
#25cf64 rgb(37,207,100)
```
#1cd861
```
#1cd861 rgb(28,216,97)
```
#12e25f
```
#12e25f rgb(18,226,95)
```
#09eb5c
```
#09eb5c rgb(9,235,92)
```

Tone Color Variation

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

Dichromacy

#a19671 Protanopia 1% of men
#ad917e Deuteranopia 1% of men
#6b9ea9 Tritanopia 0.001% of the population

Trichromacy

#859970 Protanomaly 1% of men, 0.01% of women
#8c9678 Deuteranomaly 6% of men, 0.4% of women
#639e94 Tritanomaly 0.01% of the population

#54a070 hex color

#54a070 Color Information

#54a070 Color Conversion

Color Schemes with #54a070

Alternatives to #54a070

#54a070 Preview

Shades and Tints of #54a070

Tones of #54a070

Color Blindness Simulator