#54a085 hex color

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

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

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

The hexadecimal color #54a085 has RGB values of R:84, G:160, B:133 and CMYK values of C:0.48, M:0, Y:0.17, K:0.37. Its decimal value is 5546117.

Hex triplet	54a085	`#54a085`
RGB Decimal	84, 160, 133	`rgb(84,160,133)`
RGB Percent	32.9, 62.7, 52.2	`rgb(32.9%,62.7%,52.2%)`
CMYK	48, 0, 17, 37
HSL	158.7°, 31.1, 47.8	`hsl(158.7,31.1%,47.8%)`
HSV (or HSB)	158.7°, 47.5, 62.7
Web Safe	669999	`#669999`

CIE-LAB	60.532, -30.227, 6.841
XYZ	20.459, 28.719, 26.654
xyY	0.27, 0.379, 28.719
CIE-LCH	60.532, 30.991, 167.248
CIE-LUV	60.532, -34.451, 14.35
Hunter-Lab	53.59, -25.635, 8.023
Binary	01010100, 10100000, 10000101

#54a085
```
#54a085 rgb(84,160,133)
```
#a0546f
```
#a0546f rgb(160,84,111)
```

Complementary Color

#54a05f
```
#54a05f rgb(84,160,95)
```
#54a085
```
#54a085 rgb(84,160,133)
```
#5495a0
```
#5495a0 rgb(84,149,160)
```

Analogous Color

#a05f54
```
#a05f54 rgb(160,95,84)
```
#54a085
```
#54a085 rgb(84,160,133)
```
#a05495
```
#a05495 rgb(160,84,149)
```

Split Complementary Color

#a08554
```
#a08554 rgb(160,133,84)
```
#54a085
```
#54a085 rgb(84,160,133)
```
#8554a0
```
#8554a0 rgb(133,84,160)
```

Triadic Color

#6fa054
```
#6fa054 rgb(111,160,84)
```
#54a085
```
#54a085 rgb(84,160,133)
```
#8554a0
```
#8554a0 rgb(133,84,160)
```
#a0546f
```
#a0546f rgb(160,84,111)
```

Tetradic Color

#3a6e5b
```
#3a6e5b rgb(58,110,91)
```
#427f69
```
#427f69 rgb(66,127,105)
```
#4b8f77
```
#4b8f77 rgb(75,143,119)
```
#54a085
```
#54a085 rgb(84,160,133)
```
#61ac92
```
#61ac92 rgb(97,172,146)
```
#72b59d
```
#72b59d rgb(114,181,157)
```
#83bea9
```
#83bea9 rgb(131,190,169)
```

Monochromatic Color

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

#54a072
```
#54a072 rgb(84,160,114)
```
#54a078
```
#54a078 rgb(84,160,120)
```
#54a07f
```
#54a07f rgb(84,160,127)
```
#54a085
```
#54a085 rgb(84,160,133)
```
#54a08b
```
#54a08b rgb(84,160,139)
```
#54a092
```
#54a092 rgb(84,160,146)
```
#54a098
```
#54a098 rgb(84,160,152)
```

Similar Colors

Text with hexadecimal color #54a085

This text has a font color of #54a085.

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

#54a085 background color

This paragraph has a background color of #54a085.

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

#54a085 border color

This element has a border color of #54a085.

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

CSS codes

.text {color:#54a085;}

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

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

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)
```
#172c25
```
#172c25 rgb(23,44,37)
```
#1e392f
```
#1e392f rgb(30,57,47)
```
#25463a
```
#25463a rgb(37,70,58)
```
#2b5345
```
#2b5345 rgb(43,83,69)
```
#326050
```
#326050 rgb(50,96,80)
```
#396d5a
```
#396d5a rgb(57,109,90)
```
#407965
```
#407965 rgb(64,121,101)
```
#468670
```
#468670 rgb(70,134,112)
```
#4d937a
```
#4d937a rgb(77,147,122)
```
#54a085
```
#54a085 rgb(84,160,133)
```

Shade Color Variation

#5daa8f
```
#5daa8f rgb(93,170,143)
```
#6ab198
```
#6ab198 rgb(106,177,152)
```
#77b8a1
```
#77b8a1 rgb(119,184,161)
```
#84beaa
```
#84beaa rgb(132,190,170)
```
#91c5b3
```
#91c5b3 rgb(145,197,179)
```
#9eccbc
```
#9eccbc rgb(158,204,188)
```
#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 #09eb9b is the most saturated one.

#7a7a7a
```
#7a7a7a rgb(122,122,122)
```
#70847d
```
#70847d rgb(112,132,125)
```
#678d80
```
#678d80 rgb(103,141,128)
```
#5d9782
```
#5d9782 rgb(93,151,130)
```
#54a085
```
#54a085 rgb(84,160,133)
```
#4ba988
```
#4ba988 rgb(75,169,136)
```
#41b38a
```
#41b38a rgb(65,179,138)
```
#38bc8d
```
#38bc8d rgb(56,188,141)
```
#2ec690
```
#2ec690 rgb(46,198,144)
```
#25cf93
```
#25cf93 rgb(37,207,147)
```
#1cd895
```
#1cd895 rgb(28,216,149)
```
#12e298
```
#12e298 rgb(18,226,152)
```
#09eb9b
```
#09eb9b rgb(9,235,155)
```

Tone Color Variation

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

#9e9784 Protanopia 1% of men
#a79291 Deuteranopia 1% of men
#67a0ab Tritanopia 0.001% of the population

Trichromacy

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

#54a085 hex color

#54a085 Color Information

#54a085 Color Conversion

Color Schemes with #54a085

Alternatives to #54a085

#54a085 Preview

Shades and Tints of #54a085

Tones of #54a085

Color Blindness Simulator