#548380 hex color

In a RGB color space, hex #548380 is composed of 32.9% red, 51.4% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 35.9% cyan, 0% magenta, 2.3% yellow and 48.6% black. It has a hue angle of 176.2 degrees, a saturation of 21.9% and a lightness of 42.2%. #548380 color hex could be obtained by blending #a8ffff with #000701. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 51
- B 50
RGB color chart
- C 36
- M 0
- Y 2
- K 49
CMYK color chart

● #548380 color description : Mostly desaturated dark cyan.

The hexadecimal color #548380 has RGB values of R:84, G:131, B:128 and CMYK values of C:0.36, M:0, Y:0.02, K:0.49. Its decimal value is 5538688.

Hex triplet	548380	`#548380`
RGB Decimal	84, 131, 128	`rgb(84,131,128)`
RGB Percent	32.9, 51.4, 50.2	`rgb(32.9%,51.4%,50.2%)`
CMYK	36, 0, 2, 49
HSL	176.2°, 21.9, 42.2	`hsl(176.2,21.9%,42.2%)`
HSV (or HSB)	176.2°, 35.9, 51.4
Web Safe	669999	`#669999`

CIE-LAB	51.468, -16.658, -3.462
XYZ	15.668, 19.675, 23.393
xyY	0.267, 0.335, 19.675
CIE-LCH	51.468, 17.013, 191.74
CIE-LUV	51.468, -22.306, -2.367
Hunter-Lab	44.357, -14.574, -0.219
Binary	01010100, 10000011, 10000000

#548380
```
#548380 rgb(84,131,128)
```
#835457
```
#835457 rgb(131,84,87)
```

Complementary Color

#548369
```
#548369 rgb(84,131,105)
```
#548380
```
#548380 rgb(84,131,128)
```
#546f83
```
#546f83 rgb(84,111,131)
```

Analogous Color

#836954
```
#836954 rgb(131,105,84)
```
#548380
```
#548380 rgb(84,131,128)
```
#83546f
```
#83546f rgb(131,84,111)
```

Split Complementary Color

#838054
```
#838054 rgb(131,128,84)
```
#548380
```
#548380 rgb(84,131,128)
```
#805483
```
#805483 rgb(128,84,131)
```

Triadic Color

#578354
```
#578354 rgb(87,131,84)
```
#548380
```
#548380 rgb(84,131,128)
```
#805483
```
#805483 rgb(128,84,131)
```
#835457
```
#835457 rgb(131,84,87)
```

Tetradic Color

#365452
```
#365452 rgb(54,84,82)
```
#406462
```
#406462 rgb(64,100,98)
```
#4a7371
```
#4a7371 rgb(74,115,113)
```
#548380
```
#548380 rgb(84,131,128)
```
#5e938f
```
#5e938f rgb(94,147,143)
```
#6aa09c
```
#6aa09c rgb(106,160,156)
```
#7aaaa7
```
#7aaaa7 rgb(122,170,167)
```

Monochromatic Color

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

#548374
```
#548374 rgb(84,131,116)
```
#548378
```
#548378 rgb(84,131,120)
```
#54837c
```
#54837c rgb(84,131,124)
```
#548380
```
#548380 rgb(84,131,128)
```
#548283
```
#548283 rgb(84,130,131)
```
#547e83
```
#547e83 rgb(84,126,131)
```
#547a83
```
#547a83 rgb(84,122,131)
```

Similar Colors

Text with hexadecimal color #548380

This text has a font color of #548380.

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

#548380 background color

This paragraph has a background color of #548380.

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

#548380 border color

This element has a border color of #548380.

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

CSS codes

.text {color:#548380;}

.background {background-color:#548380;}

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

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, #070b0b is the darkest color, while #ffffff is the lightest one.

#070b0b
```
#070b0b rgb(7,11,11)
```
#0f1717
```
#0f1717 rgb(15,23,23)
```
#172323
```
#172323 rgb(23,35,35)
```
#1e2f2e
```
#1e2f2e rgb(30,47,46)
```
#263b3a
```
#263b3a rgb(38,59,58)
```
#2e4746
```
#2e4746 rgb(46,71,70)
```
#355351
```
#355351 rgb(53,83,81)
```
#3d5f5d
```
#3d5f5d rgb(61,95,93)
```
#456b69
```
#456b69 rgb(69,107,105)
```
#4c7774
```
#4c7774 rgb(76,119,116)
```
#548380
```
#548380 rgb(84,131,128)
```
#5c8f8c
```
#5c8f8c rgb(92,143,140)
```
#639b97
```
#639b97 rgb(99,155,151)
```

Shade Color Variation

#6fa39f
```
#6fa39f rgb(111,163,159)
```
#7baaa7
```
#7baaa7 rgb(123,170,167)
```
#87b2af
```
#87b2af rgb(135,178,175)
```
#93bab7
```
#93bab7 rgb(147,186,183)
```
#9fc1bf
```
#9fc1bf rgb(159,193,191)
```
#abc9c7
```
#abc9c7 rgb(171,201,199)
```
#b7d1cf
```
#b7d1cf rgb(183,209,207)
```
#c3d8d7
```
#c3d8d7 rgb(195,216,215)
```
#cfe0df
```
#cfe0df rgb(207,224,223)
```
#dbe8e7
```
#dbe8e7 rgb(219,232,231)
```
#e7efef
```
#e7efef rgb(231,239,239)
```
#f3f7f7
```
#f3f7f7 rgb(243,247,247)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#657272
```
#657272 rgb(101,114,114)
```
#5c7b79
```
#5c7b79 rgb(92,123,121)
```
#548380
```
#548380 rgb(84,131,128)
```
#4c8b87
```
#4c8b87 rgb(76,139,135)
```
#43948e
```
#43948e rgb(67,148,142)
```
#3b9c96
```
#3b9c96 rgb(59,156,150)
```
#33a49d
```
#33a49d rgb(51,164,157)
```
#2baca4
```
#2baca4 rgb(43,172,164)
```
#22b5ab
```
#22b5ab rgb(34,181,171)
```
#1abdb2
```
#1abdb2 rgb(26,189,178)
```
#12c5ba
```
#12c5ba rgb(18,197,186)
```
#0acdc1
```
#0acdc1 rgb(10,205,193)
```
#01d6c8
```
#01d6c8 rgb(1,214,200)
```

Tone Color Variation

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

#757575 Achromatopsia 0.005% of the population
#6e7877 Atypical Achromatopsia 0.001% of the population

Dichromacy

#838082 Protanopia 1% of men
#897e8a Deuteranopia 1% of men
#608791 Tritanopia 0.001% of the population

Trichromacy

#728181 Protanomaly 1% of men, 0.01% of women
#757f86 Deuteranomaly 6% of men, 0.4% of women
#5b868b Tritanomaly 0.01% of the population

#548380 hex color

#548380 Color Information

#548380 Color Conversion

Color Schemes with #548380

Alternatives to #548380

#548380 Preview

Shades and Tints of #548380

Tones of #548380

Color Blindness Simulator