#548ab2 Color Information
In a RGB color space, hex #548ab2 is composed of 32.9% red, 54.1% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 52.8% cyan, 22.5% magenta, 0% yellow and 30.2% black. It has a hue angle of 205.5 degrees, a saturation of 37.9% and a lightness of 51.4%. #548ab2 color hex could be obtained by blending #a8ffff with #001565. Closest websafe color is: #669999.
-
- R 33
- G 54
- B 70
-
- C 53
- M 22
- Y 0
- K 30
● #548ab2 color description : Dark moderate blue.
#548ab2 Color Conversion
The hexadecimal color #548ab2 has RGB values of R:84, G:138, B:178 and CMYK values of C:0.53, M:0.22, Y:0, K:0.3. Its decimal value is 5540530.
Hex triplet | 548ab2 | #548ab2 |
---|---|---|
RGB Decimal | 84, 138, 178 | rgb(84,138,178) |
RGB Percent | 32.9, 54.1, 69.8 | rgb(32.9%,54.1%,69.8%) |
CMYK | 53, 22, 0, 30 | |
HSL | 205.5°, 37.9, 51.4 | hsl(205.5,37.9%,51.4%) |
HSV (or HSB) | 205.5°, 52.8, 69.8 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.354, -6.357, -26.516 |
---|---|
XYZ | 20.779, 23.275, 45.515 |
xyY | 0.232, 0.26, 23.275 |
CIE-LCH | 55.354, 27.267, 256.519 |
CIE-LUV | 55.354, -24.27, -39.377 |
Hunter-Lab | 48.244, -7.548, -22.165 |
Binary | 01010100, 10001010, 10110010 |
Color Schemes with #548ab2
Alternatives to #548ab2
Below, you can see some colors close to #548ab2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548ab2 Preview
This text has a font color of #548ab2.
<span style="color:#548ab2;">Text here</span>
This paragraph has a background color of #548ab2.
<p style="background-color:#548ab2;">Content here</p>
This element has a border color of #548ab2.
<div style="border:1px solid #548ab2;">Content here</div>
.text {color:#548ab2;}
.background {background-color:#548ab2;}
.border {border:1px solid #548ab2;}
Shades and Tints of #548ab2
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, #020405 is the darkest color, while #f6f9fb is the lightest one.
-
#020405
#020405
rgb(2,4,5)
-
#080e12
#080e12
rgb(8,14,18)
-
#0e1820
#0e1820
rgb(14,24,32)
-
#14232d
#14232d
rgb(20,35,45)
-
#1b2d3b
#1b2d3b
rgb(27,45,59)
-
#213848
#213848
rgb(33,56,72)
-
#274256
#274256
rgb(39,66,86)
-
#2d4c64
#2d4c64
rgb(45,76,100)
-
#335771
#335771
rgb(51,87,113)
-
#39617f
#39617f
rgb(57,97,127)
-
#3f6b8c
#3f6b8c
rgb(63,107,140)
-
#45769a
#45769a
rgb(69,118,154)
-
#4b80a7
#4b80a7
rgb(75,128,167)
-
#548ab2
#548ab2
rgb(84,138,178)
-
#6293b8
#6293b8
rgb(98,147,184)
-
#6f9dbe
#6f9dbe
rgb(111,157,190)
-
#7da6c4
#7da6c4
rgb(125,166,196)
-
#8aafca
#8aafca
rgb(138,175,202)
-
#98b8d0
#98b8d0
rgb(152,184,208)
-
#a5c2d7
#a5c2d7
rgb(165,194,215)
-
#b3cbdd
#b3cbdd
rgb(179,203,221)
-
#c0d4e3
#c0d4e3
rgb(192,212,227)
-
#cedde9
#cedde9
rgb(206,221,233)
-
#dbe7ef
#dbe7ef
rgb(219,231,239)
-
#e9f0f5
#e9f0f5
rgb(233,240,245)
-
#f6f9fb
#f6f9fb
rgb(246,249,251)
Tones of #548ab2
A tone is produced by adding gray to any pure hue. In this case, #7a848c is the less saturated color, while #0895fe is the most saturated one.
-
#7a848c
#7a848c
rgb(122,132,140)
-
#718695
#718695
rgb(113,134,149)
-
#67879f
#67879f
rgb(103,135,159)
-
#5e89a8
#5e89a8
rgb(94,137,168)
-
#548ab2
#548ab2
rgb(84,138,178)
-
#4a8bbc
#4a8bbc
rgb(74,139,188)
-
#418dc5
#418dc5
rgb(65,141,197)
-
#378ecf
#378ecf
rgb(55,142,207)
-
#2e90d8
#2e90d8
rgb(46,144,216)
-
#2491e2
#2491e2
rgb(36,145,226)
-
#1b93eb
#1b93eb
rgb(27,147,235)
-
#1194f5
#1194f5
rgb(17,148,245)
-
#0895fe
#0895fe
rgb(8,149,254)
Color Blindness Simulator
Below, you can see how #548ab2 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.