#548c96 hex color

In a RGB color space, hex #548c96 is composed of 32.9% red, 54.9% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 44% cyan, 6.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 189.1 degrees, a saturation of 28.2% and a lightness of 45.9%. #548c96 color hex could be obtained by blending #a8ffff with #00192d. Closest websafe color is: #669999.

♥
- f
- t
- g
- R 33
- G 55
- B 59
RGB color chart
- C 44
- M 7
- Y 0
- K 41
CMYK color chart

● #548c96 color description : Mostly desaturated dark cyan.

The hexadecimal color #548c96 has RGB values of R:84, G:140, B:150 and CMYK values of C:0.44, M:0.07, Y:0, K:0.41. Its decimal value is 5541014.

Hex triplet	548c96	`#548c96`
RGB Decimal	84, 140, 150	`rgb(84,140,150)`
RGB Percent	32.9, 54.9, 58.8	`rgb(32.9%,54.9%,58.8%)`
CMYK	44, 7, 0, 41
HSL	189.1°, 28.2, 45.9	`hsl(189.1,28.2%,45.9%)`
HSV (or HSB)	189.1°, 44, 58.8
Web Safe	669999	`#669999`

CIE-LAB	54.909, -15.679, -11.108
XYZ	18.538, 22.842, 32.285
xyY	0.252, 0.31, 22.842
CIE-LCH	54.909, 19.215, 215.315
CIE-LUV	54.909, -25.658, -13.918
Hunter-Lab	47.793, -14.402, -6.595
Binary	01010100, 10001100, 10010110

#548c96
```
#548c96 rgb(84,140,150)
```
#965e54
```
#965e54 rgb(150,94,84)
```

Complementary Color

#54967f
```
#54967f rgb(84,150,127)
```
#548c96
```
#548c96 rgb(84,140,150)
```
#546b96
```
#546b96 rgb(84,107,150)
```

Analogous Color

#967f54
```
#967f54 rgb(150,127,84)
```
#548c96
```
#548c96 rgb(84,140,150)
```
#96546b
```
#96546b rgb(150,84,107)
```

Split Complementary Color

#8c9654
```
#8c9654 rgb(140,150,84)
```
#548c96
```
#548c96 rgb(84,140,150)
```
#96548c
```
#96548c rgb(150,84,140)
```

Triadic Color

#54965e
```
#54965e rgb(84,150,94)
```
#548c96
```
#548c96 rgb(84,140,150)
```
#96548c
```
#96548c rgb(150,84,140)
```
#965e54
```
#965e54 rgb(150,94,84)
```

Tetradic Color

#395e65
```
#395e65 rgb(57,94,101)
```
#426d75
```
#426d75 rgb(66,109,117)
```
#4b7d86
```
#4b7d86 rgb(75,125,134)
```
#548c96
```
#548c96 rgb(84,140,150)
```
#5e9aa5
```
#5e9aa5 rgb(94,154,165)
```
#6fa5ae
```
#6fa5ae rgb(111,165,174)
```
#7fafb7
```
#7fafb7 rgb(127,175,183)
```

Monochromatic Color

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

#549690
```
#549690 rgb(84,150,144)
```
#549695
```
#549695 rgb(84,150,149)
```
#549296
```
#549296 rgb(84,146,150)
```
#548c96
```
#548c96 rgb(84,140,150)
```
#548796
```
#548796 rgb(84,135,150)
```
#548196
```
#548196 rgb(84,129,150)
```
#547c96
```
#547c96 rgb(84,124,150)
```

Similar Colors

Text with hexadecimal color #548c96

This text has a font color of #548c96.

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

#548c96 background color

This paragraph has a background color of #548c96.

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

#548c96 border color

This element has a border color of #548c96.

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

CSS codes

.text {color:#548c96;}

.background {background-color:#548c96;}

.border {border:1px solid #548c96;}

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

#070b0c
```
#070b0c rgb(7,11,12)
```
#0e1718
```
#0e1718 rgb(14,23,24)
```
#152225
```
#152225 rgb(21,34,37)
```
#1c2e31
```
#1c2e31 rgb(28,46,49)
```
#233a3e
```
#233a3e rgb(35,58,62)
```
#2a464b
```
#2a464b rgb(42,70,75)
```
#315157
```
#315157 rgb(49,81,87)
```
#385d64
```
#385d64 rgb(56,93,100)
```
#3f6970
```
#3f6970 rgb(63,105,112)
```
#46757d
```
#46757d rgb(70,117,125)
```
#4d8089
```
#4d8089 rgb(77,128,137)
```
#548c96
```
#548c96 rgb(84,140,150)
```
#5b98a3
```
#5b98a3 rgb(91,152,163)
```

Shade Color Variation

#67a0aa
```
#67a0aa rgb(103,160,170)
```
#74a8b1
```
#74a8b1 rgb(116,168,177)
```
#80b0b8
```
#80b0b8 rgb(128,176,184)
```
#8db8bf
```
#8db8bf rgb(141,184,191)
```
#9abfc6
```
#9abfc6 rgb(154,191,198)
```
#a6c7cd
```
#a6c7cd rgb(166,199,205)
```
#b3cfd4
```
#b3cfd4 rgb(179,207,212)
```
#bfd7db
```
#bfd7db rgb(191,215,219)
```
#ccdfe2
```
#ccdfe2 rgb(204,223,226)
```
#d8e7e9
```
#d8e7e9 rgb(216,231,233)
```
#e5eff0
```
#e5eff0 rgb(229,239,240)
```
#f2f7f7
```
#f2f7f7 rgb(242,247,247)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#6f797b
```
#6f797b rgb(111,121,123)
```
#667f84
```
#667f84 rgb(102,127,132)
```
#5d868d
```
#5d868d rgb(93,134,141)
```
#548c96
```
#548c96 rgb(84,140,150)
```
#4b929f
```
#4b929f rgb(75,146,159)
```
#4299a8
```
#4299a8 rgb(66,153,168)
```
#399fb1
```
#399fb1 rgb(57,159,177)
```
#30a5ba
```
#30a5ba rgb(48,165,186)
```
#27abc3
```
#27abc3 rgb(39,171,195)
```
#1eb2cc
```
#1eb2cc rgb(30,178,204)
```
#15b8d5
```
#15b8d5 rgb(21,184,213)
```
#0cbede
```
#0cbede rgb(12,190,222)
```
#03c4e7
```
#03c4e7 rgb(3,196,231)
```

Tone Color Variation

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

#7c7c7c Achromatopsia 0.005% of the population
#747f81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#888896 Protanopia 1% of men
#8b869f Deuteranopia 1% of men
#5d919c Tritanopia 0.001% of the population

Trichromacy

#758a96 Protanomaly 1% of men, 0.01% of women
#77889c Deuteranomaly 6% of men, 0.4% of women
#598f9a Tritanomaly 0.01% of the population

#548c96 hex color

#548c96 Color Information

#548c96 Color Conversion

Color Schemes with #548c96

Alternatives to #548c96

#548c96 Preview

Shades and Tints of #548c96

Tones of #548c96

Color Blindness Simulator