#548396 Color Information
In a RGB color space, hex #548396 is composed of 32.9% red, 51.4% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 44% cyan, 12.7% magenta, 0% yellow and 41.2% black. It has a hue angle of 197.3 degrees, a saturation of 28.2% and a lightness of 45.9%. #548396 color hex could be obtained by blending #a8ffff with #00072d. Closest websafe color is: #669999.
-
- R 33
- G 51
- B 59
-
- C 44
- M 13
- Y 0
- K 41
● #548396 color description : Mostly desaturated dark blue.
#548396 Color Conversion
The hexadecimal color #548396 has RGB values of R:84, G:131, B:150 and CMYK values of C:0.44, M:0.13, Y:0, K:0.41. Its decimal value is 5538710.
Hex triplet | 548396 | #548396 |
---|---|---|
RGB Decimal | 84, 131, 150 | rgb(84,131,150) |
RGB Percent | 32.9, 51.4, 58.8 | rgb(32.9%,51.4%,58.8%) |
CMYK | 44, 13, 0, 41 | |
HSL | 197.3°, 28.2, 45.9 | hsl(197.3,28.2%,45.9%) |
HSV (or HSB) | 197.3°, 44, 58.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 52.195, -10.716, -15.205 |
---|---|
XYZ | 17.276, 20.319, 31.864 |
xyY | 0.249, 0.293, 20.319 |
CIE-LCH | 52.195, 18.602, 234.825 |
CIE-LUV | 52.195, -21.97, -20.685 |
Hunter-Lab | 45.076, -10.47, -10.358 |
Binary | 01010100, 10000011, 10010110 |
Color Schemes with #548396
Alternatives to #548396
Below, you can see some colors close to #548396. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548396 Preview
This text has a font color of #548396.
<span style="color:#548396;">Text here</span>
This paragraph has a background color of #548396.
<p style="background-color:#548396;">Content here</p>
This element has a border color of #548396.
<div style="border:1px solid #548396;">Content here</div>
.text {color:#548396;}
.background {background-color:#548396;}
.border {border:1px solid #548396;}
Shades and Tints of #548396
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, #070a0c is the darkest color, while #fefeff is the lightest one.
-
#070a0c
#070a0c
rgb(7,10,12)
-
#0e1518
#0e1518
rgb(14,21,24)
-
#152025
#152025
rgb(21,32,37)
-
#1c2b31
#1c2b31
rgb(28,43,49)
-
#23363e
#23363e
rgb(35,54,62)
-
#2a414b
#2a414b
rgb(42,65,75)
-
#314c57
#314c57
rgb(49,76,87)
-
#385764
#385764
rgb(56,87,100)
-
#3f6270
#3f6270
rgb(63,98,112)
-
#466d7d
#466d7d
rgb(70,109,125)
-
#4d7889
#4d7889
rgb(77,120,137)
-
#548396
#548396
rgb(84,131,150)
-
#5b8ea3
#5b8ea3
rgb(91,142,163)
-
#6797aa
#6797aa
rgb(103,151,170)
-
#749fb1
#749fb1
rgb(116,159,177)
-
#80a8b8
#80a8b8
rgb(128,168,184)
-
#8db1bf
#8db1bf
rgb(141,177,191)
-
#9ab9c6
#9ab9c6
rgb(154,185,198)
-
#a6c2cd
#a6c2cd
rgb(166,194,205)
-
#b3cbd4
#b3cbd4
rgb(179,203,212)
-
#bfd3db
#bfd3db
rgb(191,211,219)
-
#ccdce2
#ccdce2
rgb(204,220,226)
-
#d8e4e9
#d8e4e9
rgb(216,228,233)
-
#e5edf0
#e5edf0
rgb(229,237,240)
-
#f2f6f7
#f2f6f7
rgb(242,246,247)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #548396
A tone is produced by adding gray to any pure hue. In this case, #6f787b is the less saturated color, while #03a5e7 is the most saturated one.
-
#6f787b
#6f787b
rgb(111,120,123)
-
#667b84
#667b84
rgb(102,123,132)
-
#5d7f8d
#5d7f8d
rgb(93,127,141)
-
#548396
#548396
rgb(84,131,150)
-
#4b879f
#4b879f
rgb(75,135,159)
-
#428ba8
#428ba8
rgb(66,139,168)
-
#398eb1
#398eb1
rgb(57,142,177)
-
#3092ba
#3092ba
rgb(48,146,186)
-
#2796c3
#2796c3
rgb(39,150,195)
-
#1e9acc
#1e9acc
rgb(30,154,204)
-
#159ed5
#159ed5
rgb(21,158,213)
-
#0ca2de
#0ca2de
rgb(12,162,222)
-
#03a5e7
#03a5e7
rgb(3,165,231)
Color Blindness Simulator
Below, you can see how #548396 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.