#5a7bc4 Color Information
In a RGB color space, hex #5a7bc4 is composed of 35.3% red, 48.2% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 54.1% cyan, 37.2% magenta, 0% yellow and 23.1% black. It has a hue angle of 221.3 degrees, a saturation of 47.3% and a lightness of 56.1%. #5a7bc4 color hex could be obtained by blending #b4f6ff with #000089. Closest websafe color is: #6666cc.
-
- R 35
- G 48
- B 77
-
- C 54
- M 37
- Y 0
- K 23
● #5a7bc4 color description : Moderate blue.
#5a7bc4 Color Conversion
The hexadecimal color #5a7bc4 has RGB values of R:90, G:123, B:196 and CMYK values of C:0.54, M:0.37, Y:0, K:0.23. Its decimal value is 5929924.
Hex triplet | 5a7bc4 | #5a7bc4 |
---|---|---|
RGB Decimal | 90, 123, 196 | rgb(90,123,196) |
RGB Percent | 35.3, 48.2, 76.9 | rgb(35.3%,48.2%,76.9%) |
CMYK | 54, 37, 0, 23 | |
HSL | 221.3°, 47.3, 56.1 | hsl(221.3,47.3%,56.1%) |
HSV (or HSB) | 221.3°, 54.1, 76.9 | |
Web Safe | 6666cc | #6666cc |
CIE-LAB | 52.202, 9.546, -41.715 |
---|---|
XYZ | 21.261, 20.324, 55.024 |
xyY | 0.22, 0.21, 20.324 |
CIE-LCH | 52.202, 42.794, 282.89 |
CIE-LUV | 52.202, -16.763, -65.11 |
Hunter-Lab | 45.082, 5.288, -40.808 |
Binary | 01011010, 01111011, 11000100 |
Color Schemes with #5a7bc4
Alternatives to #5a7bc4
Below, you can see some colors close to #5a7bc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#5a7bc4 Preview
This text has a font color of #5a7bc4.
<span style="color:#5a7bc4;">Text here</span>
This paragraph has a background color of #5a7bc4.
<p style="background-color:#5a7bc4;">Content here</p>
This element has a border color of #5a7bc4.
<div style="border:1px solid #5a7bc4;">Content here</div>
.text {color:#5a7bc4;}
.background {background-color:#5a7bc4;}
.border {border:1px solid #5a7bc4;}
Shades and Tints of #5a7bc4
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, #030508 is the darkest color, while #f9fafd is the lightest one.
-
#030508
#030508
rgb(3,5,8)
-
#080d17
#080d17
rgb(8,13,23)
-
#0d1525
#0d1525
rgb(13,21,37)
-
#121d34
#121d34
rgb(18,29,52)
-
#182542
#182542
rgb(24,37,66)
-
#1d2d51
#1d2d51
rgb(29,45,81)
-
#22355f
#22355f
rgb(34,53,95)
-
#273d6e
#273d6e
rgb(39,61,110)
-
#2c457c
#2c457c
rgb(44,69,124)
-
#314d8a
#314d8a
rgb(49,77,138)
-
#375599
#375599
rgb(55,85,153)
-
#3c5da7
#3c5da7
rgb(60,93,167)
-
#4165b6
#4165b6
rgb(65,101,182)
-
#4c6fbf
#4c6fbf
rgb(76,111,191)
-
#5a7bc4
#5a7bc4
rgb(90,123,196)
-
#6887c9
#6887c9
rgb(104,135,201)
-
#7792ce
#7792ce
rgb(119,146,206)
-
#859ed3
#859ed3
rgb(133,158,211)
-
#94a9d9
#94a9d9
rgb(148,169,217)
-
#a2b5de
#a2b5de
rgb(162,181,222)
-
#b1c0e3
#b1c0e3
rgb(177,192,227)
-
#bfcce8
#bfcce8
rgb(191,204,232)
-
#ced7ed
#ced7ed
rgb(206,215,237)
-
#dce3f2
#dce3f2
rgb(220,227,242)
-
#eaeff8
#eaeff8
rgb(234,239,248)
-
#f9fafd
#f9fafd
rgb(249,250,253)
Tones of #5a7bc4
A tone is produced by adding gray to any pure hue. In this case, #8e8f90 is the less saturated color, while #2667f8 is the most saturated one.
-
#8e8f90
#8e8f90
rgb(142,143,144)
-
#858b99
#858b99
rgb(133,139,153)
-
#7c88a2
#7c88a2
rgb(124,136,162)
-
#7485aa
#7485aa
rgb(116,133,170)
-
#6b82b3
#6b82b3
rgb(107,130,179)
-
#637ebb
#637ebb
rgb(99,126,187)
-
#5a7bc4
#5a7bc4
rgb(90,123,196)
-
#5178cd
#5178cd
rgb(81,120,205)
-
#4974d5
#4974d5
rgb(73,116,213)
-
#4071de
#4071de
rgb(64,113,222)
-
#386ee6
#386ee6
rgb(56,110,230)
-
#2f6bef
#2f6bef
rgb(47,107,239)
-
#2667f8
#2667f8
rgb(38,103,248)
Color Blindness Simulator
Below, you can see how #5a7bc4 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.