#548aaa Color Information
In a RGB color space, hex #548aaa is composed of 32.9% red, 54.1% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 50.6% cyan, 18.8% magenta, 0% yellow and 33.3% black. It has a hue angle of 202.3 degrees, a saturation of 33.9% and a lightness of 49.8%. #548aaa color hex could be obtained by blending #a8ffff with #001555. Closest websafe color is: #669999.
-
- R 33
- G 54
- B 67
-
- C 51
- M 19
- Y 0
- K 33
● #548aaa color description : Dark moderate blue.
#548aaa Color Conversion
The hexadecimal color #548aaa has RGB values of R:84, G:138, B:170 and CMYK values of C:0.51, M:0.19, Y:0, K:0.33. Its decimal value is 5540522.
Hex triplet | 548aaa | #548aaa |
---|---|---|
RGB Decimal | 84, 138, 170 | rgb(84,138,170) |
RGB Percent | 32.9, 54.1, 66.7 | rgb(32.9%,54.1%,66.7%) |
CMYK | 51, 19, 0, 33 | |
HSL | 202.3°, 33.9, 49.8 | hsl(202.3,33.9%,49.8%) |
HSV (or HSB) | 202.3°, 50.6, 66.7 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.034, -8.793, -22.427 |
---|---|
XYZ | 19.999, 22.963, 41.406 |
xyY | 0.237, 0.272, 22.963 |
CIE-LCH | 55.034, 24.089, 248.59 |
CIE-LUV | 55.034, -24.425, -32.491 |
Hunter-Lab | 47.92, -9.365, -17.688 |
Binary | 01010100, 10001010, 10101010 |
Color Schemes with #548aaa
Alternatives to #548aaa
Below, you can see some colors close to #548aaa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548aaa Preview
This text has a font color of #548aaa.
<span style="color:#548aaa;">Text here</span>
This paragraph has a background color of #548aaa.
<p style="background-color:#548aaa;">Content here</p>
This element has a border color of #548aaa.
<div style="border:1px solid #548aaa;">Content here</div>
.text {color:#548aaa;}
.background {background-color:#548aaa;}
.border {border:1px solid #548aaa;}
Shades and Tints of #548aaa
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, #060a0c is the darkest color, while #feffff is the lightest one.
-
#060a0c
#060a0c
rgb(6,10,12)
-
#0d151a
#0d151a
rgb(13,21,26)
-
#131f27
#131f27
rgb(19,31,39)
-
#1a2a34
#1a2a34
rgb(26,42,52)
-
#203541
#203541
rgb(32,53,65)
-
#273f4e
#273f4e
rgb(39,63,78)
-
#2d4a5b
#2d4a5b
rgb(45,74,91)
-
#345568
#345568
rgb(52,85,104)
-
#3a5f75
#3a5f75
rgb(58,95,117)
-
#416a83
#416a83
rgb(65,106,131)
-
#477590
#477590
rgb(71,117,144)
-
#4e7f9d
#4e7f9d
rgb(78,127,157)
-
#548aaa
#548aaa
rgb(84,138,170)
-
#6193b1
#6193b1
rgb(97,147,177)
-
#6e9cb7
#6e9cb7
rgb(110,156,183)
-
#7ba5be
#7ba5be
rgb(123,165,190)
-
#88aec4
#88aec4
rgb(136,174,196)
-
#95b7cb
#95b7cb
rgb(149,183,203)
-
#a2c0d1
#a2c0d1
rgb(162,192,209)
-
#b0c9d8
#b0c9d8
rgb(176,201,216)
-
#bdd2de
#bdd2de
rgb(189,210,222)
-
#cadbe5
#cadbe5
rgb(202,219,229)
-
#d7e4eb
#d7e4eb
rgb(215,228,235)
-
#e4edf2
#e4edf2
rgb(228,237,242)
-
#f1f6f8
#f1f6f8
rgb(241,246,248)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #548aaa
A tone is produced by adding gray to any pure hue. In this case, #7b8083 is the less saturated color, while #069ef8 is the most saturated one.
-
#7b8083
#7b8083
rgb(123,128,131)
-
#71838d
#71838d
rgb(113,131,141)
-
#688596
#688596
rgb(104,133,150)
-
#5e88a0
#5e88a0
rgb(94,136,160)
-
#548aaa
#548aaa
rgb(84,138,170)
-
#4a8cb4
#4a8cb4
rgb(74,140,180)
-
#408fbe
#408fbe
rgb(64,143,190)
-
#3791c7
#3791c7
rgb(55,145,199)
-
#2d94d1
#2d94d1
rgb(45,148,209)
-
#2396db
#2396db
rgb(35,150,219)
-
#1999e5
#1999e5
rgb(25,153,229)
-
#109bee
#109bee
rgb(16,155,238)
-
#069ef8
#069ef8
rgb(6,158,248)
Color Blindness Simulator
Below, you can see how #548aaa 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.