#2563e1 Color Information
In a RGB color space, hex #2563e1 is composed of 14.5% red, 38.8% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 83.6% cyan, 56% magenta, 0% yellow and 11.8% black. It has a hue angle of 220.2 degrees, a saturation of 75.8% and a lightness of 51.4%. #2563e1 color hex could be obtained by blending #4ac6ff with #0000c3. Closest websafe color is: #3366cc.
-
- R 15
- G 39
- B 88
-
- C 84
- M 56
- Y 0
- K 12
● #2563e1 color description : Bright blue.
#2563e1 Color Conversion
The hexadecimal color #2563e1 has RGB values of R:37, G:99, B:225 and CMYK values of C:0.84, M:0.56, Y:0, K:0.12. Its decimal value is 2450401.
Hex triplet | 2563e1 | #2563e1 |
---|---|---|
RGB Decimal | 37, 99, 225 | rgb(37,99,225) |
RGB Percent | 14.5, 38.8, 88.2 | rgb(14.5%,38.8%,88.2%) |
CMYK | 84, 56, 0, 12 | |
HSL | 220.2°, 75.8, 51.4 | hsl(220.2,75.8%,51.4%) |
HSV (or HSB) | 220.2°, 83.6, 88.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 45.292, 27.198, -69.438 |
---|---|
XYZ | 18.812, 14.752, 73.086 |
xyY | 0.176, 0.138, 14.752 |
CIE-LCH | 45.292, 74.574, 291.39 |
CIE-LUV | 45.292, -20.031, -105.574 |
Hunter-Lab | 38.408, 20.216, -85.936 |
Binary | 00100101, 01100011, 11100001 |
Color Schemes with #2563e1
Alternatives to #2563e1
Below, you can see some colors close to #2563e1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2563e1 Preview
This text has a font color of #2563e1.
<span style="color:#2563e1;">Text here</span>
This paragraph has a background color of #2563e1.
<p style="background-color:#2563e1;">Content here</p>
This element has a border color of #2563e1.
<div style="border:1px solid #2563e1;">Content here</div>
.text {color:#2563e1;}
.background {background-color:#2563e1;}
.border {border:1px solid #2563e1;}
Shades and Tints of #2563e1
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, #010306 is the darkest color, while #f4f7fd is the lightest one.
-
#010306
#010306
rgb(1,3,6)
-
#030a17
#030a17
rgb(3,10,23)
-
#061129
#061129
rgb(6,17,41)
-
#08183a
#08183a
rgb(8,24,58)
-
#0a204b
#0a204b
rgb(10,32,75)
-
#0d275c
#0d275c
rgb(13,39,92)
-
#0f2e6e
#0f2e6e
rgb(15,46,110)
-
#11367f
#11367f
rgb(17,54,127)
-
#143d90
#143d90
rgb(20,61,144)
-
#1644a1
#1644a1
rgb(22,68,161)
-
#194bb3
#194bb3
rgb(25,75,179)
-
#1b53c4
#1b53c4
rgb(27,83,196)
-
#1d5ad5
#1d5ad5
rgb(29,90,213)
-
#2563e1
#2563e1
rgb(37,99,225)
-
#366fe3
#366fe3
rgb(54,111,227)
-
#477ce6
#477ce6
rgb(71,124,230)
-
#5988e8
#5988e8
rgb(89,136,232)
-
#6a94ea
#6a94ea
rgb(106,148,234)
-
#7ba1ed
#7ba1ed
rgb(123,161,237)
-
#8cadef
#8cadef
rgb(140,173,239)
-
#9eb9f2
#9eb9f2
rgb(158,185,242)
-
#afc6f4
#afc6f4
rgb(175,198,244)
-
#c0d2f6
#c0d2f6
rgb(192,210,246)
-
#d1def9
#d1def9
rgb(209,222,249)
-
#e3ebfb
#e3ebfb
rgb(227,235,251)
-
#f4f7fd
#f4f7fd
rgb(244,247,253)
Tones of #2563e1
A tone is produced by adding gray to any pure hue. In this case, #7b808b is the less saturated color, while #0859fe is the most saturated one.
-
#7b808b
#7b808b
rgb(123,128,139)
-
#717d95
#717d95
rgb(113,125,149)
-
#687a9e
#687a9e
rgb(104,122,158)
-
#5e76a8
#5e76a8
rgb(94,118,168)
-
#5573b1
#5573b1
rgb(85,115,177)
-
#4b70bb
#4b70bb
rgb(75,112,187)
-
#426dc4
#426dc4
rgb(66,109,196)
-
#3869ce
#3869ce
rgb(56,105,206)
-
#2f66d7
#2f66d7
rgb(47,102,215)
-
#2563e1
#2563e1
rgb(37,99,225)
-
#1b60eb
#1b60eb
rgb(27,96,235)
-
#125df4
#125df4
rgb(18,93,244)
-
#0859fe
#0859fe
rgb(8,89,254)
Color Blindness Simulator
Below, you can see how #2563e1 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.