#548e9b Color Information
In a RGB color space, hex #548e9b is composed of 32.9% red, 55.7% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 8.4% magenta, 0% yellow and 39.2% black. It has a hue angle of 191 degrees, a saturation of 29.7% and a lightness of 46.9%. #548e9b color hex could be obtained by blending #a8ffff with #001d37. Closest websafe color is: #669999.
-
- R 33
- G 56
- B 61
-
- C 46
- M 8
- Y 0
- K 39
● #548e9b color description : Dark moderate cyan.
#548e9b Color Conversion
The hexadecimal color #548e9b has RGB values of R:84, G:142, B:155 and CMYK values of C:0.46, M:0.08, Y:0, K:0.39. Its decimal value is 5541531.
Hex triplet | 548e9b | #548e9b |
---|---|---|
RGB Decimal | 84, 142, 155 | rgb(84,142,155) |
RGB Percent | 32.9, 55.7, 60.8 | rgb(32.9%,55.7%,60.8%) |
CMYK | 46, 8, 0, 39 | |
HSL | 191°, 29.7, 46.9 | hsl(191,29.7%,46.9%) |
HSV (or HSB) | 191°, 45.8, 60.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.681, -15.371, -12.824 |
---|---|
XYZ | 19.244, 23.596, 34.549 |
xyY | 0.249, 0.305, 23.596 |
CIE-LCH | 55.681, 20.018, 219.839 |
CIE-LUV | 55.681, -26.355, -16.627 |
Hunter-Lab | 48.576, -14.293, -8.166 |
Binary | 01010100, 10001110, 10011011 |
Color Schemes with #548e9b
Alternatives to #548e9b
Below, you can see some colors close to #548e9b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548e9b Preview
This text has a font color of #548e9b.
<span style="color:#548e9b;">Text here</span>
This paragraph has a background color of #548e9b.
<p style="background-color:#548e9b;">Content here</p>
This element has a border color of #548e9b.
<div style="border:1px solid #548e9b;">Content here</div>
.text {color:#548e9b;}
.background {background-color:#548e9b;}
.border {border:1px solid #548e9b;}
Shades and Tints of #548e9b
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 #f5f9f9 is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#080e0f
#080e0f
rgb(8,14,15)
-
#0f191c
#0f191c
rgb(15,25,28)
-
#162529
#162529
rgb(22,37,41)
-
#1d3135
#1d3135
rgb(29,49,53)
-
#243c42
#243c42
rgb(36,60,66)
-
#2b484f
#2b484f
rgb(43,72,79)
-
#32545b
#32545b
rgb(50,84,91)
-
#385f68
#385f68
rgb(56,95,104)
-
#3f6b75
#3f6b75
rgb(63,107,117)
-
#467782
#467782
rgb(70,119,130)
-
#4d828e
#4d828e
rgb(77,130,142)
-
#548e9b
#548e9b
rgb(84,142,155)
-
#5c99a7
#5c99a7
rgb(92,153,167)
-
#69a1ae
#69a1ae
rgb(105,161,174)
-
#75a9b4
#75a9b4
rgb(117,169,180)
-
#82b1bb
#82b1bb
rgb(130,177,187)
-
#8fb9c2
#8fb9c2
rgb(143,185,194)
-
#9cc1c9
#9cc1c9
rgb(156,193,201)
-
#a8c9d0
#a8c9d0
rgb(168,201,208)
-
#b5d1d7
#b5d1d7
rgb(181,209,215)
-
#c2d9de
#c2d9de
rgb(194,217,222)
-
#cee1e5
#cee1e5
rgb(206,225,229)
-
#dbe9ec
#dbe9ec
rgb(219,233,236)
-
#e8f1f2
#e8f1f2
rgb(232,241,242)
-
#f5f9f9
#f5f9f9
rgb(245,249,249)
Tones of #548e9b
A tone is produced by adding gray to any pure hue. In this case, #707d7f is the less saturated color, while #01c2ee is the most saturated one.
-
#707d7f
#707d7f
rgb(112,125,127)
-
#668289
#668289
rgb(102,130,137)
-
#5d8892
#5d8892
rgb(93,136,146)
-
#548e9b
#548e9b
rgb(84,142,155)
-
#4b94a4
#4b94a4
rgb(75,148,164)
-
#429aad
#429aad
rgb(66,154,173)
-
#389fb7
#389fb7
rgb(56,159,183)
-
#2fa5c0
#2fa5c0
rgb(47,165,192)
-
#26abc9
#26abc9
rgb(38,171,201)
-
#1db1d2
#1db1d2
rgb(29,177,210)
-
#14b7db
#14b7db
rgb(20,183,219)
-
#0abde5
#0abde5
rgb(10,189,229)
-
#01c2ee
#01c2ee
rgb(1,194,238)
Color Blindness Simulator
Below, you can see how #548e9b 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.