#548aa6 Color Information
In a RGB color space, hex #548aa6 is composed of 32.9% red, 54.1% green and 65.1% blue. Whereas in a CMYK color space, it is composed of 49.4% cyan, 16.9% magenta, 0% yellow and 34.9% black. It has a hue angle of 200.5 degrees, a saturation of 32.8% and a lightness of 49%. #548aa6 color hex could be obtained by blending #a8ffff with #00154d. Closest websafe color is: #669999.
-
- R 33
- G 54
- B 65
-
- C 49
- M 17
- Y 0
- K 35
● #548aa6 color description : Dark moderate blue.
#548aa6 Color Conversion
The hexadecimal color #548aa6 has RGB values of R:84, G:138, B:166 and CMYK values of C:0.49, M:0.17, Y:0, K:0.35. Its decimal value is 5540518.
Hex triplet | 548aa6 | #548aa6 |
---|---|---|
RGB Decimal | 84, 138, 166 | rgb(84,138,166) |
RGB Percent | 32.9, 54.1, 65.1 | rgb(32.9%,54.1%,65.1%) |
CMYK | 49, 17, 0, 35 | |
HSL | 200.5°, 32.8, 49 | hsl(200.5,32.8%,49%) |
HSV (or HSB) | 200.5°, 49.4, 65.1 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 54.88, -9.988, -20.365 |
---|---|
XYZ | 19.626, 22.814, 39.444 |
xyY | 0.24, 0.279, 22.814 |
CIE-LCH | 54.88, 22.683, 243.874 |
CIE-LUV | 54.88, -24.504, -29.054 |
Hunter-Lab | 47.764, -10.242, -15.527 |
Binary | 01010100, 10001010, 10100110 |
Color Schemes with #548aa6
Alternatives to #548aa6
Below, you can see some colors close to #548aa6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548aa6 Preview
This text has a font color of #548aa6.
<span style="color:#548aa6;">Text here</span>
This paragraph has a background color of #548aa6.
<p style="background-color:#548aa6;">Content here</p>
This element has a border color of #548aa6.
<div style="border:1px solid #548aa6;">Content here</div>
.text {color:#548aa6;}
.background {background-color:#548aa6;}
.border {border:1px solid #548aa6;}
Shades and Tints of #548aa6
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, #05080a is the darkest color, while #fcfdfd is the lightest one.
-
#05080a
#05080a
rgb(5,8,10)
-
#0c1317
#0c1317
rgb(12,19,23)
-
#121e24
#121e24
rgb(18,30,36)
-
#192931
#192931
rgb(25,41,49)
-
#1f333e
#1f333e
rgb(31,51,62)
-
#263e4b
#263e4b
rgb(38,62,75)
-
#2c4958
#2c4958
rgb(44,73,88)
-
#335465
#335465
rgb(51,84,101)
-
#3a5f72
#3a5f72
rgb(58,95,114)
-
#406a7f
#406a7f
rgb(64,106,127)
-
#47748c
#47748c
rgb(71,116,140)
-
#4d7f99
#4d7f99
rgb(77,127,153)
-
#548aa6
#548aa6
rgb(84,138,166)
-
#5f93ae
#5f93ae
rgb(95,147,174)
-
#6c9cb5
#6c9cb5
rgb(108,156,181)
-
#79a5bb
#79a5bb
rgb(121,165,187)
-
#86aec2
#86aec2
rgb(134,174,194)
-
#93b6c9
#93b6c9
rgb(147,182,201)
-
#a1bfcf
#a1bfcf
rgb(161,191,207)
-
#aec8d6
#aec8d6
rgb(174,200,214)
-
#bbd1dc
#bbd1dc
rgb(187,209,220)
-
#c8dae3
#c8dae3
rgb(200,218,227)
-
#d5e2ea
#d5e2ea
rgb(213,226,234)
-
#e2ebf0
#e2ebf0
rgb(226,235,240)
-
#eff4f7
#eff4f7
rgb(239,244,247)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #548aa6
A tone is produced by adding gray to any pure hue. In this case, #7a7e80 is the less saturated color, while #07a2f3 is the most saturated one.
-
#7a7e80
#7a7e80
rgb(122,126,128)
-
#718189
#718189
rgb(113,129,137)
-
#678493
#678493
rgb(103,132,147)
-
#5e879c
#5e879c
rgb(94,135,156)
-
#548aa6
#548aa6
rgb(84,138,166)
-
#4a8db0
#4a8db0
rgb(74,141,176)
-
#4190b9
#4190b9
rgb(65,144,185)
-
#3793c3
#3793c3
rgb(55,147,195)
-
#2e96cc
#2e96cc
rgb(46,150,204)
-
#2499d6
#2499d6
rgb(36,153,214)
-
#1a9ce0
#1a9ce0
rgb(26,156,224)
-
#119fe9
#119fe9
rgb(17,159,233)
-
#07a2f3
#07a2f3
rgb(7,162,243)
Color Blindness Simulator
Below, you can see how #548aa6 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.