#549a8c hex color

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

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

● #549a8c color description : Dark moderate cyan.

The hexadecimal color #549a8c has RGB values of R:84, G:154, B:140 and CMYK values of C:0.45, M:0, Y:0.09, K:0.4. Its decimal value is 5544588.

Hex triplet	549a8c	`#549a8c`
RGB Decimal	84, 154, 140	`rgb(84,154,140)`
RGB Percent	32.9, 60.4, 54.9	`rgb(32.9%,60.4%,54.9%)`
CMYK	45, 0, 9, 40
HSL	168°, 29.4, 46.7	`hsl(168,29.4%,46.7%)`
HSV (or HSB)	168°, 45.5, 60.4
Web Safe	669999	`#669999`

CIE-LAB	58.871, -25.601, 0.484
XYZ	19.944, 26.888, 28.948
xyY	0.263, 0.355, 26.888
CIE-LCH	58.871, 25.606, 178.916
CIE-LUV	58.871, -31.723, 4.635
Hunter-Lab	51.854, -22.09, 3.198
Binary	01010100, 10011010, 10001100

#549a8c
```
#549a8c rgb(84,154,140)
```
#9a5462
```
#9a5462 rgb(154,84,98)
```

Complementary Color

#549a69
```
#549a69 rgb(84,154,105)
```
#549a8c
```
#549a8c rgb(84,154,140)
```
#54859a
```
#54859a rgb(84,133,154)
```

Analogous Color

#9a6954
```
#9a6954 rgb(154,105,84)
```
#549a8c
```
#549a8c rgb(84,154,140)
```
#9a5485
```
#9a5485 rgb(154,84,133)
```

Split Complementary Color

#9a8c54
```
#9a8c54 rgb(154,140,84)
```
#549a8c
```
#549a8c rgb(84,154,140)
```
#8c549a
```
#8c549a rgb(140,84,154)
```

Triadic Color

#629a54
```
#629a54 rgb(98,154,84)
```
#549a8c
```
#549a8c rgb(84,154,140)
```
#8c549a
```
#8c549a rgb(140,84,154)
```
#9a5462
```
#9a5462 rgb(154,84,98)
```

Tetradic Color

#39695f
```
#39695f rgb(57,105,95)
```
#42796e
```
#42796e rgb(66,121,110)
```
#4b8a7d
```
#4b8a7d rgb(75,138,125)
```
#549a8c
```
#549a8c rgb(84,154,140)
```
#60a89a
```
#60a89a rgb(96,168,154)
```
#70b1a4
```
#70b1a4 rgb(112,177,164)
```
#81baaf
```
#81baaf rgb(129,186,175)
```

Monochromatic Color

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

#549a7b
```
#549a7b rgb(84,154,123)
```
#549a80
```
#549a80 rgb(84,154,128)
```
#549a86
```
#549a86 rgb(84,154,134)
```
#549a8c
```
#549a8c rgb(84,154,140)
```
#549a92
```
#549a92 rgb(84,154,146)
```
#549a98
```
#549a98 rgb(84,154,152)
```
#54979a
```
#54979a rgb(84,151,154)
```

Similar Colors

Text with hexadecimal color #549a8c

This text has a font color of #549a8c.

<span style="color:#549a8c;">Text here</span>

#549a8c background color

This paragraph has a background color of #549a8c.

<p style="background-color:#549a8c;">Content here</p>

#549a8c border color

This element has a border color of #549a8c.

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

CSS codes

.text {color:#549a8c;}

.background {background-color:#549a8c;}

.border {border:1px solid #549a8c;}

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 #f4f9f8 is the lightest one.

#010202
```
#010202 rgb(1,2,2)
```
#080e0d
```
#080e0d rgb(8,14,13)
```
#0f1b19
```
#0f1b19 rgb(15,27,25)
```
#162824
```
#162824 rgb(22,40,36)
```
#1d3430
```
#1d3430 rgb(29,52,48)
```
#24413b
```
#24413b rgb(36,65,59)
```
#2a4e47
```
#2a4e47 rgb(42,78,71)
```
#315b52
```
#315b52 rgb(49,91,82)
```
#38675e
```
#38675e rgb(56,103,94)
```
#3f7469
```
#3f7469 rgb(63,116,105)
```
#468175
```
#468175 rgb(70,129,117)
```
#4d8d80
```
#4d8d80 rgb(77,141,128)
```
#549a8c
```
#549a8c rgb(84,154,140)
```

Shade Color Variation

#5ca697
```
#5ca697 rgb(92,166,151)
```
#68ad9f
```
#68ad9f rgb(104,173,159)
```
#75b4a7
```
#75b4a7 rgb(117,180,167)
```
#82bbaf
```
#82bbaf rgb(130,187,175)
```
#8ec2b7
```
#8ec2b7 rgb(142,194,183)
```
#9bc9bf
```
#9bc9bf rgb(155,201,191)
```
#a8cfc8
```
#a8cfc8 rgb(168,207,200)
```
#b5d6d0
```
#b5d6d0 rgb(181,214,208)
```
#c1ddd8
```
#c1ddd8 rgb(193,221,216)
```
#cee4e0
```
#cee4e0 rgb(206,228,224)
```
#dbebe8
```
#dbebe8 rgb(219,235,232)
```
#e7f2f0
```
#e7f2f0 rgb(231,242,240)
```
#f4f9f8
```
#f4f9f8 rgb(244,249,248)
```

Tint Color Variation

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

#6f7f7c
```
#6f7f7c rgb(111,127,124)
```
#668881
```
#668881 rgb(102,136,129)
```
#5d9187
```
#5d9187 rgb(93,145,135)
```
#549a8c
```
#549a8c rgb(84,154,140)
```
#4ba391
```
#4ba391 rgb(75,163,145)
```
#42ac97
```
#42ac97 rgb(66,172,151)
```
#39b59c
```
#39b59c rgb(57,181,156)
```
#2fbfa2
```
#2fbfa2 rgb(47,191,162)
```
#26c8a7
```
#26c8a7 rgb(38,200,167)
```
#1dd1ad
```
#1dd1ad rgb(29,209,173)
```
#14dab2
```
#14dab2 rgb(20,218,178)
```
#0be3b8
```
#0be3b8 rgb(11,227,184)
```
#02ecbd
```
#02ecbd rgb(2,236,189)
```

Tone Color Variation

Below, you can see how #549a8c 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

#838383 Achromatopsia 0.005% of the population
#7a8885 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97928b Protanopia 1% of men
#9f8f97 Deuteranopia 1% of men
#649ca7 Tritanopia 0.001% of the population

Trichromacy

#7f958b Protanomaly 1% of men, 0.01% of women
#839393 Deuteranomaly 6% of men, 0.4% of women
#5e9b9d Tritanomaly 0.01% of the population

#549a8c hex color

#549a8c Color Information

#549a8c Color Conversion

Color Schemes with #549a8c

Alternatives to #549a8c

#549a8c Preview

Shades and Tints of #549a8c

Tones of #549a8c

Color Blindness Simulator