#548caf Color Information
In a RGB color space, hex #548caf is composed of 32.9% red, 54.9% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 20% magenta, 0% yellow and 31.4% black. It has a hue angle of 203.1 degrees, a saturation of 36.3% and a lightness of 50.8%. #548caf color hex could be obtained by blending #a8ffff with #00195f. Closest websafe color is: #669999.
-
- R 33
- G 55
- B 69
-
- C 52
- M 20
- Y 0
- K 31
● #548caf color description : Dark moderate blue.
#548caf Color Conversion
The hexadecimal color #548caf has RGB values of R:84, G:140, B:175 and CMYK values of C:0.52, M:0.2, Y:0, K:0.31. Its decimal value is 5541039.
Hex triplet | 548caf | #548caf |
---|---|---|
RGB Decimal | 84, 140, 175 | rgb(84,140,175) |
RGB Percent | 32.9, 54.9, 68.6 | rgb(32.9%,54.9%,68.6%) |
CMYK | 52, 20, 0, 31 | |
HSL | 203.1°, 36.3, 50.8 | hsl(203.1,36.3%,50.8%) |
HSV (or HSB) | 203.1°, 52, 68.6 | |
Web Safe | 669999 | #669999 |
CIE-LAB | 55.821, -8.41, -24.08 |
---|---|
XYZ | 20.77, 23.735, 44.042 |
xyY | 0.235, 0.268, 23.735 |
CIE-LCH | 55.821, 25.507, 250.748 |
CIE-LUV | 55.821, -25.101, -35.265 |
Hunter-Lab | 48.718, -9.157, -19.496 |
Binary | 01010100, 10001100, 10101111 |
Color Schemes with #548caf
Alternatives to #548caf
Below, you can see some colors close to #548caf. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#548caf Preview
This text has a font color of #548caf.
<span style="color:#548caf;">Text here</span>
This paragraph has a background color of #548caf.
<p style="background-color:#548caf;">Content here</p>
This element has a border color of #548caf.
<div style="border:1px solid #548caf;">Content here</div>
.text {color:#548caf;}
.background {background-color:#548caf;}
.border {border:1px solid #548caf;}
Shades and Tints of #548caf
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, #010203 is the darkest color, while #f4f8fa is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#080d10
#080d10
rgb(8,13,16)
-
#0e171d
#0e171d
rgb(14,23,29)
-
#14222b
#14222b
rgb(20,34,43)
-
#1a2d38
#1a2d38
rgb(26,45,56)
-
#213746
#213746
rgb(33,55,70)
-
#274253
#274253
rgb(39,66,83)
-
#2d4d60
#2d4d60
rgb(45,77,96)
-
#33576e
#33576e
rgb(51,87,110)
-
#3a627b
#3a627b
rgb(58,98,123)
-
#406c88
#406c88
rgb(64,108,136)
-
#467796
#467796
rgb(70,119,150)
-
#4c82a3
#4c82a3
rgb(76,130,163)
-
#548caf
#548caf
rgb(84,140,175)
-
#6195b5
#6195b5
rgb(97,149,181)
-
#6f9ebc
#6f9ebc
rgb(111,158,188)
-
#7ca7c2
#7ca7c2
rgb(124,167,194)
-
#89b0c8
#89b0c8
rgb(137,176,200)
-
#97b9ce
#97b9ce
rgb(151,185,206)
-
#a4c2d5
#a4c2d5
rgb(164,194,213)
-
#b2cbdb
#b2cbdb
rgb(178,203,219)
-
#bfd4e1
#bfd4e1
rgb(191,212,225)
-
#ccdde7
#ccdde7
rgb(204,221,231)
-
#dae6ee
#dae6ee
rgb(218,230,238)
-
#e7eff4
#e7eff4
rgb(231,239,244)
-
#f4f8fa
#f4f8fa
rgb(244,248,250)
Tones of #548caf
A tone is produced by adding gray to any pure hue. In this case, #7b8388 is the less saturated color, while #079efc is the most saturated one.
-
#7b8388
#7b8388
rgb(123,131,136)
-
#718592
#718592
rgb(113,133,146)
-
#67889c
#67889c
rgb(103,136,156)
-
#5e8aa5
#5e8aa5
rgb(94,138,165)
-
#548caf
#548caf
rgb(84,140,175)
-
#4a8eb9
#4a8eb9
rgb(74,142,185)
-
#4190c2
#4190c2
rgb(65,144,194)
-
#3793cc
#3793cc
rgb(55,147,204)
-
#2d95d6
#2d95d6
rgb(45,149,214)
-
#2497df
#2497df
rgb(36,151,223)
-
#1a99e9
#1a99e9
rgb(26,153,233)
-
#109cf3
#109cf3
rgb(16,156,243)
-
#079efc
#079efc
rgb(7,158,252)
Color Blindness Simulator
Below, you can see how #548caf 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.