#548080 hex color

In a RGB color space, hex #548080 is composed of 32.9% red, 50.2% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 34.4% cyan, 0% magenta, 0% yellow and 49.8% black. It has a hue angle of 180 degrees, a saturation of 20.8% and a lightness of 41.6%. #548080 color hex could be obtained by blending #a8ffff with #000101. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 50
- B 50
RGB color chart
- C 34
- M 0
- Y 0
- K 50
CMYK color chart

● #548080 color description : Mostly desaturated dark cyan.

The hexadecimal color #548080 has RGB values of R:84, G:128, B:128 and CMYK values of C:0.34, M:0, Y:0, K:0.5. Its decimal value is 5537920.

Hex triplet	548080	`#548080`
RGB Decimal	84, 128, 128	`rgb(84,128,128)`
RGB Percent	32.9, 50.2, 50.2	`rgb(32.9%,50.2%,50.2%)`
CMYK	34, 0, 0, 50
HSL	180°, 20.8, 41.6	`hsl(180,20.8%,41.6%)`
HSV (or HSB)	180°, 34.4, 50.2
Web Safe	669999	`#669999`

CIE-LAB	50.548, -15.027, -4.822
XYZ	15.271, 18.881, 23.261
xyY	0.266, 0.329, 18.881
CIE-LCH	50.548, 15.782, 197.792
CIE-LUV	50.548, -21.012, -4.54
Hunter-Lab	43.452, -13.31, -1.322
Binary	01010100, 10000000, 10000000

#548080
```
#548080 rgb(84,128,128)
```
#805454
```
#805454 rgb(128,84,84)
```

Complementary Color

#54806a
```
#54806a rgb(84,128,106)
```
#548080
```
#548080 rgb(84,128,128)
```
#546a80
```
#546a80 rgb(84,106,128)
```

Analogous Color

#806a54
```
#806a54 rgb(128,106,84)
```
#548080
```
#548080 rgb(84,128,128)
```
#80546a
```
#80546a rgb(128,84,106)
```

Split Complementary Color

#808054
```
#808054 rgb(128,128,84)
```
#548080
```
#548080 rgb(84,128,128)
```
#805480
```
#805480 rgb(128,84,128)
```

Triadic Color

#548054
```
#548054 rgb(84,128,84)
```
#548080
```
#548080 rgb(84,128,128)
```
#805480
```
#805480 rgb(128,84,128)
```
#805454
```
#805454 rgb(128,84,84)
```

Tetradic Color

#365252
```
#365252 rgb(54,82,82)
```
#406161
```
#406161 rgb(64,97,97)
```
#4a7171
```
#4a7171 rgb(74,113,113)
```
#548080
```
#548080 rgb(84,128,128)
```
#5e8f8f
```
#5e8f8f rgb(94,143,143)
```
#6a9d9d
```
#6a9d9d rgb(106,157,157)
```
#79a7a7
```
#79a7a7 rgb(121,167,167)
```

Monochromatic Color

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

#548075
```
#548075 rgb(84,128,117)
```
#548079
```
#548079 rgb(84,128,121)
```
#54807c
```
#54807c rgb(84,128,124)
```
#548080
```
#548080 rgb(84,128,128)
```
#547c80
```
#547c80 rgb(84,124,128)
```
#547980
```
#547980 rgb(84,121,128)
```
#547580
```
#547580 rgb(84,117,128)
```

Similar Colors

Text with hexadecimal color #548080

This text has a font color of #548080.

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

#548080 background color

This paragraph has a background color of #548080.

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

#548080 border color

This element has a border color of #548080.

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

CSS codes

.text {color:#548080;}

.background {background-color:#548080;}

.border {border:1px solid #548080;}

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, #060a0a is the darkest color, while #fdfefe is the lightest one.

#060a0a
```
#060a0a rgb(6,10,10)
```
#0e1515
```
#0e1515 rgb(14,21,21)
```
#162121
```
#162121 rgb(22,33,33)
```
#1e2d2d
```
#1e2d2d rgb(30,45,45)
```
#253939
```
#253939 rgb(37,57,57)
```
#2d4545
```
#2d4545 rgb(45,69,69)
```
#355151
```
#355151 rgb(53,81,81)
```
#3d5c5c
```
#3d5c5c rgb(61,92,92)
```
#446868
```
#446868 rgb(68,104,104)
```
#4c7474
```
#4c7474 rgb(76,116,116)
```
#548080
```
#548080 rgb(84,128,128)
```
#5c8c8c
```
#5c8c8c rgb(92,140,140)
```
#649898
```
#649898 rgb(100,152,152)
```

Shade Color Variation

#6fa0a0
```
#6fa0a0 rgb(111,160,160)
```
#7aa8a8
```
#7aa8a8 rgb(122,168,168)
```
#86b0b0
```
#86b0b0 rgb(134,176,176)
```
#92b8b8
```
#92b8b8 rgb(146,184,184)
```
#9ebfbf
```
#9ebfbf rgb(158,191,191)
```
#aac7c7
```
#aac7c7 rgb(170,199,199)
```
#b6cfcf
```
#b6cfcf rgb(182,207,207)
```
#c2d7d7
```
#c2d7d7 rgb(194,215,215)
```
#cddede
```
#cddede rgb(205,222,222)
```
#d9e6e6
```
#d9e6e6 rgb(217,230,230)
```
#e5eeee
```
#e5eeee rgb(229,238,238)
```
#f1f6f6
```
#f1f6f6 rgb(241,246,246)
```
#fdfefe
```
#fdfefe rgb(253,254,254)
```

Tint Color Variation

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

#647070
```
#647070 rgb(100,112,112)
```
#5c7878
```
#5c7878 rgb(92,120,120)
```
#548080
```
#548080 rgb(84,128,128)
```
#4c8888
```
#4c8888 rgb(76,136,136)
```
#449090
```
#449090 rgb(68,144,144)
```
#3c9898
```
#3c9898 rgb(60,152,152)
```
#33a1a1
```
#33a1a1 rgb(51,161,161)
```
#2ba9a9
```
#2ba9a9 rgb(43,169,169)
```
#23b1b1
```
#23b1b1 rgb(35,177,177)
```
#1bb9b9
```
#1bb9b9 rgb(27,185,185)
```
#13c1c1
```
#13c1c1 rgb(19,193,193)
```
#0bc9c9
```
#0bc9c9 rgb(11,201,201)
```
#02d2d2
```
#02d2d2 rgb(2,210,210)
```

Tone Color Variation

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

#737373 Achromatopsia 0.005% of the population
#6d7676 Atypical Achromatopsia 0.001% of the population

Dichromacy

#807e82 Protanopia 1% of men
#857c8a Deuteranopia 1% of men
#5f858e Tritanopia 0.001% of the population

Trichromacy

#707f81 Protanomaly 1% of men, 0.01% of women
#737d86 Deuteranomaly 6% of men, 0.4% of women
#5b8389 Tritanomaly 0.01% of the population

#548080 hex color

#548080 Color Information

#548080 Color Conversion

Color Schemes with #548080

Alternatives to #548080

#548080 Preview

Shades and Tints of #548080

Tones of #548080

Color Blindness Simulator