#54a084 hex color

In a RGB color space, hex #54a084 is composed of 32.9% red, 62.7% green and 51.8% blue. Whereas in a CMYK color space, it is composed of 47.5% cyan, 0% magenta, 17.5% yellow and 37.3% black. It has a hue angle of 157.9 degrees, a saturation of 31.1% and a lightness of 47.8%. #54a084 color hex could be obtained by blending #a8ffff with #004109. Closest websafe color is: #669999.

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

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

The hexadecimal color #54a084 has RGB values of R:84, G:160, B:132 and CMYK values of C:0.48, M:0, Y:0.18, K:0.37. Its decimal value is 5546116.

Hex triplet	54a084	`#54a084`
RGB Decimal	84, 160, 132	`rgb(84,160,132)`
RGB Percent	32.9, 62.7, 51.8	`rgb(32.9%,62.7%,51.8%)`
CMYK	48, 0, 18, 37
HSL	157.9°, 31.1, 47.8	`hsl(157.9,31.1%,47.8%)`
HSV (or HSB)	157.9°, 47.5, 62.7
Web Safe	669999	`#669999`

CIE-LAB	60.508, -30.458, 7.368
XYZ	20.39, 28.691, 26.292
xyY	0.271, 0.381, 28.691
CIE-LCH	60.508, 31.336, 166.401
CIE-LUV	60.508, -34.487, 15.11
Hunter-Lab	53.564, -25.787, 8.392
Binary	01010100, 10100000, 10000100

#54a084
```
#54a084 rgb(84,160,132)
```
#a05470
```
#a05470 rgb(160,84,112)
```

Complementary Color

#54a05e
```
#54a05e rgb(84,160,94)
```
#54a084
```
#54a084 rgb(84,160,132)
```
#5496a0
```
#5496a0 rgb(84,150,160)
```

Analogous Color

#a05e54
```
#a05e54 rgb(160,94,84)
```
#54a084
```
#54a084 rgb(84,160,132)
```
#a05496
```
#a05496 rgb(160,84,150)
```

Split Complementary Color

#a08454
```
#a08454 rgb(160,132,84)
```
#54a084
```
#54a084 rgb(84,160,132)
```
#8454a0
```
#8454a0 rgb(132,84,160)
```

Triadic Color

#70a054
```
#70a054 rgb(112,160,84)
```
#54a084
```
#54a084 rgb(84,160,132)
```
#8454a0
```
#8454a0 rgb(132,84,160)
```
#a05470
```
#a05470 rgb(160,84,112)
```

Tetradic Color

#3a6e5b
```
#3a6e5b rgb(58,110,91)
```
#427f68
```
#427f68 rgb(66,127,104)
```
#4b8f76
```
#4b8f76 rgb(75,143,118)
```
#54a084
```
#54a084 rgb(84,160,132)
```
#61ac91
```
#61ac91 rgb(97,172,145)
```
#72b59c
```
#72b59c rgb(114,181,156)
```
#83bea8
```
#83bea8 rgb(131,190,168)
```

Monochromatic Color

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

#54a071
```
#54a071 rgb(84,160,113)
```
#54a077
```
#54a077 rgb(84,160,119)
```
#54a07e
```
#54a07e rgb(84,160,126)
```
#54a084
```
#54a084 rgb(84,160,132)
```
#54a08a
```
#54a08a rgb(84,160,138)
```
#54a091
```
#54a091 rgb(84,160,145)
```
#54a097
```
#54a097 rgb(84,160,151)
```

Similar Colors

Text with hexadecimal color #54a084

This text has a font color of #54a084.

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

#54a084 background color

This paragraph has a background color of #54a084.

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

#54a084 border color

This element has a border color of #54a084.

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

CSS codes

.text {color:#54a084;}

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

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

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

#030605
```
#030605 rgb(3,6,5)
```
#0a130f
```
#0a130f rgb(10,19,15)
```
#101f1a
```
#101f1a rgb(16,31,26)
```
#172c24
```
#172c24 rgb(23,44,36)
```
#1e392f
```
#1e392f rgb(30,57,47)
```
#25463a
```
#25463a rgb(37,70,58)
```
#2b5344
```
#2b5344 rgb(43,83,68)
```
#32604f
```
#32604f rgb(50,96,79)
```
#396d5a
```
#396d5a rgb(57,109,90)
```
#407964
```
#407964 rgb(64,121,100)
```
#46866f
```
#46866f rgb(70,134,111)
```
#4d9379
```
#4d9379 rgb(77,147,121)
```
#54a084
```
#54a084 rgb(84,160,132)
```

Shade Color Variation

#5daa8e
```
#5daa8e rgb(93,170,142)
```
#6ab197
```
#6ab197 rgb(106,177,151)
```
#77b8a0
```
#77b8a0 rgb(119,184,160)
```
#84bea9
```
#84bea9 rgb(132,190,169)
```
#91c5b2
```
#91c5b2 rgb(145,197,178)
```
#9eccbb
```
#9eccbb rgb(158,204,187)
```
#abd3c4
```
#abd3c4 rgb(171,211,196)
```
#b7d9cd
```
#b7d9cd rgb(183,217,205)
```
#c4e0d6
```
#c4e0d6 rgb(196,224,214)
```
#d1e7df
```
#d1e7df rgb(209,231,223)
```
#deeee8
```
#deeee8 rgb(222,238,232)
```
#ebf4f1
```
#ebf4f1 rgb(235,244,241)
```
#f8fbfa
```
#f8fbfa rgb(248,251,250)
```

Tint Color Variation

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

#7a7a7a
```
#7a7a7a rgb(122,122,122)
```
#70847d
```
#70847d rgb(112,132,125)
```
#678d7f
```
#678d7f rgb(103,141,127)
```
#5d9782
```
#5d9782 rgb(93,151,130)
```
#54a084
```
#54a084 rgb(84,160,132)
```
#4ba986
```
#4ba986 rgb(75,169,134)
```
#41b389
```
#41b389 rgb(65,179,137)
```
#38bc8b
```
#38bc8b rgb(56,188,139)
```
#2ec68e
```
#2ec68e rgb(46,198,142)
```
#25cf90
```
#25cf90 rgb(37,207,144)
```
#1cd893
```
#1cd893 rgb(28,216,147)
```
#12e295
```
#12e295 rgb(18,226,149)
```
#09eb98
```
#09eb98 rgb(9,235,152)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#7c8b86 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9e9783 Protanopia 1% of men
#a89290 Deuteranopia 1% of men
#68a0ab Tritanopia 0.001% of the population

Trichromacy

#839a83 Protanomaly 1% of men, 0.01% of women
#89978c Deuteranomaly 6% of men, 0.4% of women
#60a09d Tritanomaly 0.01% of the population

#54a084 hex color

#54a084 Color Information

#54a084 Color Conversion

Color Schemes with #54a084

Alternatives to #54a084

#54a084 Preview

Shades and Tints of #54a084

Tones of #54a084

Color Blindness Simulator