#549eb4 Color Information
In a RGB color space, hex #549eb4 is composed of 32.9% red, 62% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 53.3% cyan, 12.2% magenta, 0% yellow and 29.4% black. It has a hue angle of 193.8 degrees, a saturation of 39% and a lightness of 51.8%. #549eb4 color hex could be obtained by blending #a8ffff with #003d69. Closest websafe color is: #6699cc.
-
- R 33
- G 62
- B 71
-
- C 53
- M 12
- Y 0
- K 29
● #549eb4 color description : Moderate cyan.
#549eb4 Color Conversion
The hexadecimal color #549eb4 has RGB values of R:84, G:158, B:180 and CMYK values of C:0.53, M:0.12, Y:0, K:0.29. Its decimal value is 5545652.
Hex triplet | 549eb4 | #549eb4 |
---|---|---|
RGB Decimal | 84, 158, 180 | rgb(84,158,180) |
RGB Percent | 32.9, 62, 70.6 | rgb(32.9%,62%,70.6%) |
CMYK | 53, 12, 0, 29 | |
HSL | 193.8°, 39, 51.8 | hsl(193.8,39%,51.8%) |
HSV (or HSB) | 193.8°, 53.3, 70.6 | |
Web Safe | 6699cc | #6699cc |
CIE-LAB | 61.336, -16.792, -18.481 |
---|---|
XYZ | 24.119, 29.632, 47.626 |
xyY | 0.238, 0.292, 29.632 |
CIE-LCH | 61.336, 24.97, 227.742 |
CIE-LUV | 61.336, -31.946, -25.674 |
Hunter-Lab | 54.435, -16.173, -13.768 |
Binary | 01010100, 10011110, 10110100 |
Color Schemes with #549eb4
Alternatives to #549eb4
Below, you can see some colors close to #549eb4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#549eb4 Preview
This text has a font color of #549eb4.
<span style="color:#549eb4;">Text here</span>
This paragraph has a background color of #549eb4.
<p style="background-color:#549eb4;">Content here</p>
This element has a border color of #549eb4.
<div style="border:1px solid #549eb4;">Content here</div>
.text {color:#549eb4;}
.background {background-color:#549eb4;}
.border {border:1px solid #549eb4;}
Shades and Tints of #549eb4
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, #030506 is the darkest color, while #f8fbfc is the lightest one.
-
#030506
#030506
rgb(3,5,6)
-
#091114
#091114
rgb(9,17,20)
-
#0f1d22
#0f1d22
rgb(15,29,34)
-
#15292f
#15292f
rgb(21,41,47)
-
#1b353d
#1b353d
rgb(27,53,61)
-
#21414a
#21414a
rgb(33,65,74)
-
#274d58
#274d58
rgb(39,77,88)
-
#2d5966
#2d5966
rgb(45,89,102)
-
#336473
#336473
rgb(51,100,115)
-
#397081
#397081
rgb(57,112,129)
-
#3f7c8f
#3f7c8f
rgb(63,124,143)
-
#45889c
#45889c
rgb(69,136,156)
-
#4b94aa
#4b94aa
rgb(75,148,170)
-
#549eb4
#549eb4
rgb(84,158,180)
-
#62a6ba
#62a6ba
rgb(98,166,186)
-
#6fadc0
#6fadc0
rgb(111,173,192)
-
#7db5c6
#7db5c6
rgb(125,181,198)
-
#8bbdcc
#8bbdcc
rgb(139,189,204)
-
#98c5d2
#98c5d2
rgb(152,197,210)
-
#a6ccd8
#a6ccd8
rgb(166,204,216)
-
#b3d4de
#b3d4de
rgb(179,212,222)
-
#c1dce4
#c1dce4
rgb(193,220,228)
-
#cfe4ea
#cfe4ea
rgb(207,228,234)
-
#dcebf0
#dcebf0
rgb(220,235,240)
-
#eaf3f6
#eaf3f6
rgb(234,243,246)
-
#f8fbfc
#f8fbfc
rgb(248,251,252)
Tones of #549eb4
A tone is produced by adding gray to any pure hue. In this case, #838485 is the less saturated color, while #12c2f6 is the most saturated one.
-
#838485
#838485
rgb(131,132,133)
-
#7a8a8e
#7a8a8e
rgb(122,138,142)
-
#708f98
#708f98
rgb(112,143,152)
-
#6794a1
#6794a1
rgb(103,148,161)
-
#5d99ab
#5d99ab
rgb(93,153,171)
-
#549eb4
#549eb4
rgb(84,158,180)
-
#4ba3bd
#4ba3bd
rgb(75,163,189)
-
#41a8c7
#41a8c7
rgb(65,168,199)
-
#38add0
#38add0
rgb(56,173,208)
-
#2eb3da
#2eb3da
rgb(46,179,218)
-
#25b8e3
#25b8e3
rgb(37,184,227)
-
#1bbded
#1bbded
rgb(27,189,237)
-
#12c2f6
#12c2f6
rgb(18,194,246)
Color Blindness Simulator
Below, you can see how #549eb4 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.