#2563e0 Color Information
In a RGB color space, hex #2563e0 is composed of 14.5% red, 38.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 83.5% cyan, 55.8% magenta, 0% yellow and 12.2% black. It has a hue angle of 220.1 degrees, a saturation of 75.1% and a lightness of 51.2%. #2563e0 color hex could be obtained by blending #4ac6ff with #0000c1. Closest websafe color is: #3366cc.
-
- R 15
- G 39
- B 88
-
- C 83
- M 56
- Y 0
- K 12
● #2563e0 color description : Bright blue.
#2563e0 Color Conversion
The hexadecimal color #2563e0 has RGB values of R:37, G:99, B:224 and CMYK values of C:0.83, M:0.56, Y:0, K:0.12. Its decimal value is 2450400.
Hex triplet | 2563e0 | #2563e0 |
---|---|---|
RGB Decimal | 37, 99, 224 | rgb(37,99,224) |
RGB Percent | 14.5, 38.8, 87.8 | rgb(14.5%,38.8%,87.8%) |
CMYK | 83, 56, 0, 12 | |
HSL | 220.1°, 75.1, 51.2 | hsl(220.1,75.1%,51.2%) |
HSV (or HSB) | 220.1°, 83.5, 87.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 45.217, 26.819, -68.994 |
---|---|
XYZ | 18.676, 14.697, 72.369 |
xyY | 0.177, 0.139, 14.697 |
CIE-LCH | 45.217, 74.023, 291.242 |
CIE-LUV | 45.217, -20.044, -104.875 |
Hunter-Lab | 38.337, 19.869, -85.087 |
Binary | 00100101, 01100011, 11100000 |
Color Schemes with #2563e0
Alternatives to #2563e0
Below, you can see some colors close to #2563e0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2563e0 Preview
This text has a font color of #2563e0.
<span style="color:#2563e0;">Text here</span>
This paragraph has a background color of #2563e0.
<p style="background-color:#2563e0;">Content here</p>
This element has a border color of #2563e0.
<div style="border:1px solid #2563e0;">Content here</div>
.text {color:#2563e0;}
.background {background-color:#2563e0;}
.border {border:1px solid #2563e0;}
Shades and Tints of #2563e0
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, #010205 is the darkest color, while #f3f6fd is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#030a16
#030a16
rgb(3,10,22)
-
#061128
#061128
rgb(6,17,40)
-
#081839
#081839
rgb(8,24,57)
-
#0b204a
#0b204a
rgb(11,32,74)
-
#0d275b
#0d275b
rgb(13,39,91)
-
#0f2e6c
#0f2e6c
rgb(15,46,108)
-
#12367d
#12367d
rgb(18,54,125)
-
#143d8f
#143d8f
rgb(20,61,143)
-
#1744a0
#1744a0
rgb(23,68,160)
-
#194cb1
#194cb1
rgb(25,76,177)
-
#1c53c2
#1c53c2
rgb(28,83,194)
-
#1e5ad3
#1e5ad3
rgb(30,90,211)
-
#2563e0
#2563e0
rgb(37,99,224)
-
#366fe2
#366fe2
rgb(54,111,226)
-
#477ce5
#477ce5
rgb(71,124,229)
-
#5988e7
#5988e7
rgb(89,136,231)
-
#6a94ea
#6a94ea
rgb(106,148,234)
-
#7ba0ec
#7ba0ec
rgb(123,160,236)
-
#8cadef
#8cadef
rgb(140,173,239)
-
#9db9f1
#9db9f1
rgb(157,185,241)
-
#aec5f4
#aec5f4
rgb(174,197,244)
-
#c0d2f6
#c0d2f6
rgb(192,210,246)
-
#d1def8
#d1def8
rgb(209,222,248)
-
#e2eafb
#e2eafb
rgb(226,234,251)
-
#f3f6fd
#f3f6fd
rgb(243,246,253)
Tones of #2563e0
A tone is produced by adding gray to any pure hue. In this case, #7b808a is the less saturated color, while #0859fd is the most saturated one.
-
#7b808a
#7b808a
rgb(123,128,138)
-
#727d93
#727d93
rgb(114,125,147)
-
#687a9d
#687a9d
rgb(104,122,157)
-
#5e76a7
#5e76a7
rgb(94,118,167)
-
#5573b0
#5573b0
rgb(85,115,176)
-
#4b70ba
#4b70ba
rgb(75,112,186)
-
#426dc3
#426dc3
rgb(66,109,195)
-
#3869cd
#3869cd
rgb(56,105,205)
-
#2f66d6
#2f66d6
rgb(47,102,214)
-
#2563e0
#2563e0
rgb(37,99,224)
-
#1b60ea
#1b60ea
rgb(27,96,234)
-
#125df3
#125df3
rgb(18,93,243)
-
#0859fd
#0859fd
rgb(8,89,253)
Color Blindness Simulator
Below, you can see how #2563e0 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.