#1557f5 Color Information
In a RGB color space, hex #1557f5 is composed of 8.2% red, 34.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 91.4% cyan, 64.5% magenta, 0% yellow and 3.9% black. It has a hue angle of 222.3 degrees, a saturation of 91.8% and a lightness of 52.2%. #1557f5 color hex could be obtained by blending #2aaeff with #0000eb. Closest websafe color is: #0066ff.
-
- R 8
- G 34
- B 96
-
- C 91
- M 64
- Y 0
- K 4
● #1557f5 color description : Vivid blue.
#1557f5 Color Conversion
The hexadecimal color #1557f5 has RGB values of R:21, G:87, B:245 and CMYK values of C:0.91, M:0.64, Y:0, K:0.04. Its decimal value is 1398773.
Hex triplet | 1557f5 | #1557f5 |
---|---|---|
RGB Decimal | 21, 87, 245 | rgb(21,87,245) |
RGB Percent | 8.2, 34.1, 96.1 | rgb(8.2%,34.1%,96.1%) |
CMYK | 91, 64, 0, 4 | |
HSL | 222.3°, 91.8, 52.2 | hsl(222.3,91.8%,52.2%) |
HSV (or HSB) | 222.3°, 91.4, 96.1 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 43.605, 41.442, -83.483 |
---|---|
XYZ | 20.195, 13.567, 87.935 |
xyY | 0.166, 0.111, 13.567 |
CIE-LCH | 43.605, 93.204, 296.4 |
CIE-LUV | 43.605, -18.216, -123.506 |
Hunter-Lab | 36.833, 33.413, -115.766 |
Binary | 00010101, 01010111, 11110101 |
Color Schemes with #1557f5
Alternatives to #1557f5
Below, you can see some colors close to #1557f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1557f5 Preview
This text has a font color of #1557f5.
<span style="color:#1557f5;">Text here</span>
This paragraph has a background color of #1557f5.
<p style="background-color:#1557f5;">Content here</p>
This element has a border color of #1557f5.
<div style="border:1px solid #1557f5;">Content here</div>
.text {color:#1557f5;}
.background {background-color:#1557f5;}
.border {border:1px solid #1557f5;}
Shades and Tints of #1557f5
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, #00030b is the darkest color, while #f7f9ff is the lightest one.
-
#00030b
#00030b
rgb(0,3,11)
-
#010a1d
#010a1d
rgb(1,10,29)
-
#021030
#021030
rgb(2,16,48)
-
#031643
#031643
rgb(3,22,67)
-
#041c56
#041c56
rgb(4,28,86)
-
#042269
#042269
rgb(4,34,105)
-
#05287b
#05287b
rgb(5,40,123)
-
#062e8e
#062e8e
rgb(6,46,142)
-
#0734a1
#0734a1
rgb(7,52,161)
-
#083ab4
#083ab4
rgb(8,58,180)
-
#0841c7
#0841c7
rgb(8,65,199)
-
#0947d9
#0947d9
rgb(9,71,217)
-
#0a4dec
#0a4dec
rgb(10,77,236)
-
#1557f5
#1557f5
rgb(21,87,245)
-
#2865f6
#2865f6
rgb(40,101,246)
-
#3b72f7
#3b72f7
rgb(59,114,247)
-
#4d80f7
#4d80f7
rgb(77,128,247)
-
#608df8
#608df8
rgb(96,141,248)
-
#739bf9
#739bf9
rgb(115,155,249)
-
#86a8fa
#86a8fa
rgb(134,168,250)
-
#99b6fb
#99b6fb
rgb(153,182,251)
-
#abc3fb
#abc3fb
rgb(171,195,251)
-
#bed1fc
#bed1fc
rgb(190,209,252)
-
#d1defd
#d1defd
rgb(209,222,253)
-
#e4ecfe
#e4ecfe
rgb(228,236,254)
-
#f7f9ff
#f7f9ff
rgb(247,249,255)
Tones of #1557f5
A tone is produced by adding gray to any pure hue. In this case, #7c818e is the less saturated color, while #0c53fe is the most saturated one.
-
#7c818e
#7c818e
rgb(124,129,142)
-
#737e97
#737e97
rgb(115,126,151)
-
#697aa1
#697aa1
rgb(105,122,161)
-
#6076aa
#6076aa
rgb(96,118,170)
-
#5772b3
#5772b3
rgb(87,114,179)
-
#4d6ebd
#4d6ebd
rgb(77,110,189)
-
#446ac6
#446ac6
rgb(68,106,198)
-
#3b66cf
#3b66cf
rgb(59,102,207)
-
#3163d9
#3163d9
rgb(49,99,217)
-
#285fe2
#285fe2
rgb(40,95,226)
-
#1e5bec
#1e5bec
rgb(30,91,236)
-
#1557f5
#1557f5
rgb(21,87,245)
-
#0c53fe
#0c53fe
rgb(12,83,254)
Color Blindness Simulator
Below, you can see how #1557f5 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.