#1557f0 Color Information
In a RGB color space, hex #1557f0 is composed of 8.2% red, 34.1% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 91.3% cyan, 63.8% magenta, 0% yellow and 5.9% black. It has a hue angle of 221.9 degrees, a saturation of 88% and a lightness of 51.2%. #1557f0 color hex could be obtained by blending #2aaeff with #0000e1. Closest websafe color is: #0066ff.
-
- R 8
- G 34
- B 94
-
- C 91
- M 64
- Y 0
- K 6
● #1557f0 color description : Vivid blue.
#1557f0 Color Conversion
The hexadecimal color #1557f0 has RGB values of R:21, G:87, B:240 and CMYK values of C:0.91, M:0.64, Y:0, K:0.06. Its decimal value is 1398768.
Hex triplet | 1557f0 | #1557f0 |
---|---|---|
RGB Decimal | 21, 87, 240 | rgb(21,87,240) |
RGB Percent | 8.2, 34.1, 94.1 | rgb(8.2%,34.1%,94.1%) |
CMYK | 91, 64, 0, 6 | |
HSL | 221.9°, 88, 51.2 | hsl(221.9,88%,51.2%) |
HSV (or HSB) | 221.9°, 91.3, 94.1 | |
Web Safe | 0066ff | #0066ff |
CIE-LAB | 43.161, 39.602, -81.406 |
---|---|
XYZ | 19.442, 13.265, 83.969 |
xyY | 0.167, 0.114, 13.265 |
CIE-LCH | 43.161, 90.528, 295.942 |
CIE-LUV | 43.161, -18.23, -120.351 |
Hunter-Lab | 36.422, 31.547, -111.196 |
Binary | 00010101, 01010111, 11110000 |
Color Schemes with #1557f0
Alternatives to #1557f0
Below, you can see some colors close to #1557f0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#1557f0 Preview
This text has a font color of #1557f0.
<span style="color:#1557f0;">Text here</span>
This paragraph has a background color of #1557f0.
<p style="background-color:#1557f0;">Content here</p>
This element has a border color of #1557f0.
<div style="border:1px solid #1557f0;">Content here</div>
.text {color:#1557f0;}
.background {background-color:#1557f0;}
.border {border:1px solid #1557f0;}
Shades and Tints of #1557f0
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, #000206 is the darkest color, while #f2f6fe is the lightest one.
-
#000206
#000206
rgb(0,2,6)
-
#020818
#020818
rgb(2,8,24)
-
#030f2b
#030f2b
rgb(3,15,43)
-
#04153d
#04153d
rgb(4,21,61)
-
#051b4f
#051b4f
rgb(5,27,79)
-
#062262
#062262
rgb(6,34,98)
-
#072874
#072874
rgb(7,40,116)
-
#092f87
#092f87
rgb(9,47,135)
-
#0a3599
#0a3599
rgb(10,53,153)
-
#0b3bac
#0b3bac
rgb(11,59,172)
-
#0c42be
#0c42be
rgb(12,66,190)
-
#0d48d0
#0d48d0
rgb(13,72,208)
-
#0f4fe3
#0f4fe3
rgb(15,79,227)
-
#1557f0
#1557f0
rgb(21,87,240)
-
#2764f1
#2764f1
rgb(39,100,241)
-
#3a71f2
#3a71f2
rgb(58,113,242)
-
#4c7ff4
#4c7ff4
rgb(76,127,244)
-
#5f8cf5
#5f8cf5
rgb(95,140,245)
-
#7199f6
#7199f6
rgb(113,153,246)
-
#84a6f7
#84a6f7
rgb(132,166,247)
-
#96b4f8
#96b4f8
rgb(150,180,248)
-
#a8c1f9
#a8c1f9
rgb(168,193,249)
-
#bbcefb
#bbcefb
rgb(187,206,251)
-
#cddbfc
#cddbfc
rgb(205,219,252)
-
#e0e9fd
#e0e9fd
rgb(224,233,253)
-
#f2f6fe
#f2f6fe
rgb(242,246,254)
Tones of #1557f0
A tone is produced by adding gray to any pure hue. In this case, #7e8187 is the less saturated color, while #0b53fa is the most saturated one.
-
#7e8187
#7e8187
rgb(126,129,135)
-
#757d90
#757d90
rgb(117,125,144)
-
#6b799a
#6b799a
rgb(107,121,154)
-
#6275a3
#6275a3
rgb(98,117,163)
-
#5872ad
#5872ad
rgb(88,114,173)
-
#4e6eb7
#4e6eb7
rgb(78,110,183)
-
#456ac0
#456ac0
rgb(69,106,192)
-
#3b66ca
#3b66ca
rgb(59,102,202)
-
#3262d3
#3262d3
rgb(50,98,211)
-
#285fdd
#285fdd
rgb(40,95,221)
-
#1f5be6
#1f5be6
rgb(31,91,230)
-
#1557f0
#1557f0
rgb(21,87,240)
-
#0b53fa
#0b53fa
rgb(11,83,250)
Color Blindness Simulator
Below, you can see how #1557f0 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.