#2557ff Color Information
In a RGB color space, hex #2557ff is composed of 14.5% red, 34.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 85.5% cyan, 65.9% magenta, 0% yellow and 0% black. It has a hue angle of 226.2 degrees, a saturation of 100% and a lightness of 57.3%. #2557ff color hex could be obtained by blending #4aaeff with #0000ff. Closest websafe color is: #3366ff.
-
- R 15
- G 34
- B 100
-
- C 85
- M 66
- Y 0
- K 0
● #2557ff color description : Vivid blue.
#2557ff Color Conversion
The hexadecimal color #2557ff has RGB values of R:37, G:87, B:255 and CMYK values of C:0.85, M:0.66, Y:0, K:0. Its decimal value is 2447359.
Hex triplet | 2557ff | #2557ff |
---|---|---|
RGB Decimal | 37, 87, 255 | rgb(37,87,255) |
RGB Percent | 14.5, 34.1, 100 | rgb(14.5%,34.1%,100%) |
CMYK | 85, 66, 0, 0 | |
HSL | 226.2°, 100, 57.3 | hsl(226.2,100%,57.3%) |
HSV (or HSB) | 226.2°, 85.5, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 44.841, 45.759, -87.025 |
---|---|
XYZ | 22.217, 14.428, 96.216 |
xyY | 0.167, 0.109, 14.428 |
CIE-LCH | 44.841, 98.322, 297.736 |
CIE-LUV | 44.841, -17.079, -129.452 |
Hunter-Lab | 37.984, 37.934, -123.596 |
Binary | 00100101, 01010111, 11111111 |
Color Schemes with #2557ff
Alternatives to #2557ff
Below, you can see some colors close to #2557ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2557ff Preview
This text has a font color of #2557ff.
<span style="color:#2557ff;">Text here</span>
This paragraph has a background color of #2557ff.
<p style="background-color:#2557ff;">Content here</p>
This element has a border color of #2557ff.
<div style="border:1px solid #2557ff;">Content here</div>
.text {color:#2557ff;}
.background {background-color:#2557ff;}
.border {border:1px solid #2557ff;}
Shades and Tints of #2557ff
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, #000411 is the darkest color, while #fdfdff is the lightest one.
-
#000411
#000411
rgb(0,4,17)
-
#000825
#000825
rgb(0,8,37)
-
#000d39
#000d39
rgb(0,13,57)
-
#00114c
#00114c
rgb(0,17,76)
-
#001660
#001660
rgb(0,22,96)
-
#001a73
#001a73
rgb(0,26,115)
-
#001f87
#001f87
rgb(0,31,135)
-
#00239b
#00239b
rgb(0,35,155)
-
#0028ae
#0028ae
rgb(0,40,174)
-
#002cc2
#002cc2
rgb(0,44,194)
-
#0031d6
#0031d6
rgb(0,49,214)
-
#0035e9
#0035e9
rgb(0,53,233)
-
#003afd
#003afd
rgb(0,58,253)
-
#1148ff
#1148ff
rgb(17,72,255)
-
#2557ff
#2557ff
rgb(37,87,255)
-
#3966ff
#3966ff
rgb(57,102,255)
-
#4c75ff
#4c75ff
rgb(76,117,255)
-
#6084ff
#6084ff
rgb(96,132,255)
-
#7393ff
#7393ff
rgb(115,147,255)
-
#87a3ff
#87a3ff
rgb(135,163,255)
-
#9bb2ff
#9bb2ff
rgb(155,178,255)
-
#aec1ff
#aec1ff
rgb(174,193,255)
-
#c2d0ff
#c2d0ff
rgb(194,208,255)
-
#d6dfff
#d6dfff
rgb(214,223,255)
-
#e9eeff
#e9eeff
rgb(233,238,255)
-
#fdfdff
#fdfdff
rgb(253,253,255)
Tones of #2557ff
A tone is produced by adding gray to any pure hue. In this case, #8a8d9a is the less saturated color, while #2557ff is the most saturated one.
-
#8a8d9a
#8a8d9a
rgb(138,141,154)
-
#8189a3
#8189a3
rgb(129,137,163)
-
#7984ab
#7984ab
rgb(121,132,171)
-
#7080b4
#7080b4
rgb(112,128,180)
-
#687bbc
#687bbc
rgb(104,123,188)
-
#6077c4
#6077c4
rgb(96,119,196)
-
#5772cd
#5772cd
rgb(87,114,205)
-
#4f6ed5
#4f6ed5
rgb(79,110,213)
-
#4769dd
#4769dd
rgb(71,105,221)
-
#3e65e6
#3e65e6
rgb(62,101,230)
-
#3660ee
#3660ee
rgb(54,96,238)
-
#2d5cf7
#2d5cf7
rgb(45,92,247)
-
#2557ff
#2557ff
rgb(37,87,255)
Color Blindness Simulator
Below, you can see how #2557ff 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.