#548a9e Color Information
In a RGB color space, hex #548a9e is composed of 32.9% red, 54.1% green and 62% blue. Whereas in a CMYK color space, it is composed of 46.8% cyan, 12.7% magenta, 0% yellow and 38% black. It has a hue angle of 196.2 degrees, a saturation of 30.6% and a lightness of 47.5%. #548a9e color hex could be obtained by blending #a8ffff with #00153d. Closest websafe color is: #669999.
-
- R 33
- G 54
- B 62
-
- C 47
- M 13
- Y 0
- K 38
● #548a9e color description : Dark moderate blue.
#548a9e Color Conversion
The hexadecimal color #548a9e has RGB values of R:84, G:138, B:158 and CMYK values of C:0.47, M:0.13, Y:0, K:0.38. Its decimal value is 5540510.
Hex triplet | 548a9e | #548a9e |
---|---|---|
RGB Decimal | 84, 138, 158 | rgb(84,138,158) |
RGB Percent | 32.9, 54.1, 62 | rgb(32.9%,54.1%,62%) |
CMYK | 47, 13, 0, 38 | |
HSL | 196.2°, 30.6, 47.5 | hsl(196.2,30.6%,47.5%) |
HSV (or HSB) | 196.2°, 46.8, 62 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 54.584, -12.327, -16.211 |
---|---|
XYZ | 18.915, 22.529, 35.698 |
xyY | 0.245, 0.292, 22.529 |
CIE-LCH | 54.584, 20.366, 232.751 |
CIE-LUV | 54.584, -24.669, -22.207 |
Hunter-Lab | 47.465, -11.932, -11.366 |
Binary | 01010100, 10001010, 10011110 |
Color Schemes with #548a9e
Alternatives to #548a9e
Below, you can see some colors close to #548a9e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548a9e Preview
This text has a font color of #548a9e.
<span style="color:#548a9e;">Text here</span>
This paragraph has a background color of #548a9e.
<p style="background-color:#548a9e;">Content here</p>
This element has a border color of #548a9e.
<div style="border:1px solid #548a9e;">Content here</div>
.text {color:#548a9e;}
.background {background-color:#548a9e;}
.border {border:1px solid #548a9e;}
Shades and Tints of #548a9e
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, #020404 is the darkest color, while #f7f9fa is the lightest one.
-
#020404
#020404
rgb(2,4,4)
-
#090f11
#090f11
rgb(9,15,17)
-
#101a1e
#101a1e
rgb(16,26,30)
-
#17252b
#17252b
rgb(23,37,43)
-
#1e3138
#1e3138
rgb(30,49,56)
-
#243c44
#243c44
rgb(36,60,68)
-
#2b4751
#2b4751
rgb(43,71,81)
-
#32525e
#32525e
rgb(50,82,94)
-
#395d6b
#395d6b
rgb(57,93,107)
-
#406878
#406878
rgb(64,104,120)
-
#467484
#467484
rgb(70,116,132)
-
#4d7f91
#4d7f91
rgb(77,127,145)
-
#548a9e
#548a9e
rgb(84,138,158)
-
#5d94a9
#5d94a9
rgb(93,148,169)
-
#6a9db0
#6a9db0
rgb(106,157,176)
-
#76a5b6
#76a5b6
rgb(118,165,182)
-
#83aebd
#83aebd
rgb(131,174,189)
-
#90b6c4
#90b6c4
rgb(144,182,196)
-
#9dbecb
#9dbecb
rgb(157,190,203)
-
#aac7d2
#aac7d2
rgb(170,199,210)
-
#b6cfd8
#b6cfd8
rgb(182,207,216)
-
#c3d8df
#c3d8df
rgb(195,216,223)
-
#d0e0e6
#d0e0e6
rgb(208,224,230)
-
#dde9ed
#dde9ed
rgb(221,233,237)
-
#eaf1f4
#eaf1f4
rgb(234,241,244)
-
#f7f9fa
#f7f9fa
rgb(247,249,250)
Tones of #548a9e
A tone is produced by adding gray to any pure hue. In this case, #707d82 is the less saturated color, while #00b0f2 is the most saturated one.
-
#707d82
#707d82
rgb(112,125,130)
-
#67818b
#67818b
rgb(103,129,139)
-
#5d8695
#5d8695
rgb(93,134,149)
-
#548a9e
#548a9e
rgb(84,138,158)
-
#4b8ea7
#4b8ea7
rgb(75,142,167)
-
#4193b1
#4193b1
rgb(65,147,177)
-
#3897ba
#3897ba
rgb(56,151,186)
-
#2f9bc3
#2f9bc3
rgb(47,155,195)
-
#259fcd
#259fcd
rgb(37,159,205)
-
#1ca4d6
#1ca4d6
rgb(28,164,214)
-
#13a8df
#13a8df
rgb(19,168,223)
-
#0aace8
#0aace8
rgb(10,172,232)
-
#00b0f2
#00b0f2
rgb(0,176,242)
Color Blindness Simulator
Below, you can see how #548a9e 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.