#54989a hex color

In a RGB color space, hex #54989a is composed of 32.9% red, 59.6% green and 60.4% blue. Whereas in a CMYK color space, it is composed of 45.5% cyan, 1.3% magenta, 0% yellow and 39.6% black. It has a hue angle of 181.7 degrees, a saturation of 29.4% and a lightness of 46.7%. #54989a color hex could be obtained by blending #a8ffff with #003135. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 60
- B 60
RGB color chart
- C 45
- M 1
- Y 0
- K 40
CMYK color chart

● #54989a color description : Dark moderate cyan.

The hexadecimal color #54989a has RGB values of R:84, G:152, B:154 and CMYK values of C:0.45, M:0.01, Y:0, K:0.4. Its decimal value is 5544090.

Hex triplet	54989a	`#54989a`
RGB Decimal	84, 152, 154	`rgb(84,152,154)`
RGB Percent	32.9, 59.6, 60.4	`rgb(32.9%,59.6%,60.4%)`
CMYK	45, 1, 0, 40
HSL	181.7°, 29.4, 46.7	`hsl(181.7,29.4%,46.7%)`
HSV (or HSB)	181.7°, 45.5, 60.4
Web Safe	669999	`#669999`

CIE-LAB	58.671, -20.955, -7.773
XYZ	20.716, 26.673, 34.627
xyY	0.253, 0.325, 26.673
CIE-LCH	58.671, 22.351, 200.351
CIE-LUV	58.671, -30.444, -8.249
Hunter-Lab	51.646, -18.783, -3.6
Binary	01010100, 10011000, 10011010

#54989a
```
#54989a rgb(84,152,154)
```
#9a5654
```
#9a5654 rgb(154,86,84)
```

Complementary Color

#549a79
```
#549a79 rgb(84,154,121)
```
#54989a
```
#54989a rgb(84,152,154)
```
#54759a
```
#54759a rgb(84,117,154)
```

Analogous Color

#9a7954
```
#9a7954 rgb(154,121,84)
```
#54989a
```
#54989a rgb(84,152,154)
```
#9a5475
```
#9a5475 rgb(154,84,117)
```

Split Complementary Color

#989a54
```
#989a54 rgb(152,154,84)
```
#54989a
```
#54989a rgb(84,152,154)
```
#9a5498
```
#9a5498 rgb(154,84,152)
```

Triadic Color

#549a56
```
#549a56 rgb(84,154,86)
```
#54989a
```
#54989a rgb(84,152,154)
```
#9a5498
```
#9a5498 rgb(154,84,152)
```
#9a5654
```
#9a5654 rgb(154,86,84)
```

Tetradic Color

#396769
```
#396769 rgb(57,103,105)
```
#427779
```
#427779 rgb(66,119,121)
```
#4b888a
```
#4b888a rgb(75,136,138)
```
#54989a
```
#54989a rgb(84,152,154)
```
#60a6a8
```
#60a6a8 rgb(96,166,168)
```
#70afb1
```
#70afb1 rgb(112,175,177)
```
#81b8ba
```
#81b8ba rgb(129,184,186)
```

Monochromatic Color

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

#549a8b
```
#549a8b rgb(84,154,139)
```
#549a90
```
#549a90 rgb(84,154,144)
```
#549a96
```
#549a96 rgb(84,154,150)
```
#54989a
```
#54989a rgb(84,152,154)
```
#54929a
```
#54929a rgb(84,146,154)
```
#548c9a
```
#548c9a rgb(84,140,154)
```
#54879a
```
#54879a rgb(84,135,154)
```

Similar Colors

Text with hexadecimal color #54989a

This text has a font color of #54989a.

<span style="color:#54989a;">Text here</span>

#54989a background color

This paragraph has a background color of #54989a.

<p style="background-color:#54989a;">Content here</p>

#54989a border color

This element has a border color of #54989a.

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

CSS codes

.text {color:#54989a;}

.background {background-color:#54989a;}

.border {border:1px solid #54989a;}

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

#010202
```
#010202 rgb(1,2,2)
```
#080e0e
```
#080e0e rgb(8,14,14)
```
#0f1b1b
```
#0f1b1b rgb(15,27,27)
```
#162728
```
#162728 rgb(22,39,40)
```
#1d3434
```
#1d3434 rgb(29,52,52)
```
#244041
```
#244041 rgb(36,64,65)
```
#2a4d4e
```
#2a4d4e rgb(42,77,78)
```
#31595b
```
#31595b rgb(49,89,91)
```
#386667
```
#386667 rgb(56,102,103)
```
#3f7274
```
#3f7274 rgb(63,114,116)
```
#467f81
```
#467f81 rgb(70,127,129)
```
#4d8b8d
```
#4d8b8d rgb(77,139,141)
```
#54989a
```
#54989a rgb(84,152,154)
```

Shade Color Variation

#5ca4a6
```
#5ca4a6 rgb(92,164,166)
```
#68abad
```
#68abad rgb(104,171,173)
```
#75b2b4
```
#75b2b4 rgb(117,178,180)
```
#82b9bb
```
#82b9bb rgb(130,185,187)
```
#8ec0c2
```
#8ec0c2 rgb(142,192,194)
```
#9bc7c9
```
#9bc7c9 rgb(155,199,201)
```
#a8cecf
```
#a8cecf rgb(168,206,207)
```
#b5d5d6
```
#b5d5d6 rgb(181,213,214)
```
#c1dddd
```
#c1dddd rgb(193,221,221)
```
#cee4e4
```
#cee4e4 rgb(206,228,228)
```
#dbebeb
```
#dbebeb rgb(219,235,235)
```
#e7f2f2
```
#e7f2f2 rgb(231,242,242)
```
#f4f9f9
```
#f4f9f9 rgb(244,249,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6f7e7f is the less saturated color, while #02e6ec is the most saturated one.

#6f7e7f
```
#6f7e7f rgb(111,126,127)
```
#668788
```
#668788 rgb(102,135,136)
```
#5d8f91
```
#5d8f91 rgb(93,143,145)
```
#54989a
```
#54989a rgb(84,152,154)
```
#4ba1a3
```
#4ba1a3 rgb(75,161,163)
```
#42a9ac
```
#42a9ac rgb(66,169,172)
```
#39b2b5
```
#39b2b5 rgb(57,178,181)
```
#2fbbbf
```
#2fbbbf rgb(47,187,191)
```
#26c3c8
```
#26c3c8 rgb(38,195,200)
```
#1dccd1
```
#1dccd1 rgb(29,204,209)
```
#14d4da
```
#14d4da rgb(20,212,218)
```
#0bdde3
```
#0bdde3 rgb(11,221,227)
```
#02e6ec
```
#02e6ec rgb(2,230,236)
```

Tone Color Variation

Below, you can see how #54989a 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
#7a8888 Atypical Achromatopsia 0.001% of the population

Dichromacy

#939299 Protanopia 1% of men
#988fa4 Deuteranopia 1% of men
#5f9ca7 Tritanopia 0.001% of the population

Trichromacy

#7c9499 Protanomaly 1% of men, 0.01% of women
#7f92a0 Deuteranomaly 6% of men, 0.4% of women
#5b9aa2 Tritanomaly 0.01% of the population

#54989a hex color

#54989a Color Information

#54989a Color Conversion

Color Schemes with #54989a

Alternatives to #54989a

#54989a Preview

Shades and Tints of #54989a

Tones of #54989a

Color Blindness Simulator