#2563f5 Color Information
In a RGB color space, hex #2563f5 is composed of 14.5% red, 38.8% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 84.9% cyan, 59.6% magenta, 0% yellow and 3.9% black. It has a hue angle of 222.1 degrees, a saturation of 91.2% and a lightness of 55.3%. #2563f5 color hex could be obtained by blending #4ac6ff with #0000eb. Closest websafe color is: #3366ff.
-
- R 15
- G 39
- B 96
-
- C 85
- M 60
- Y 0
- K 4
● #2563f5 color description : Bright blue.
#2563f5 Color Conversion
The hexadecimal color #2563f5 has RGB values of R:37, G:99, B:245 and CMYK values of C:0.85, M:0.6, Y:0, K:0.04. Its decimal value is 2450421.
Hex triplet | 2563f5 | #2563f5 |
---|---|---|
RGB Decimal | 37, 99, 245 | rgb(37,99,245) |
RGB Percent | 14.5, 38.8, 96.1 | rgb(14.5%,38.8%,96.1%) |
CMYK | 85, 60, 0, 4 | |
HSL | 222.1°, 91.2, 55.3 | hsl(222.1,91.2%,55.3%) |
HSV (or HSB) | 222.1°, 84.9, 96.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 46.853, 34.686, -78.145 |
---|---|
XYZ | 21.703, 15.908, 88.308 |
xyY | 0.172, 0.126, 15.908 |
CIE-LCH | 46.853, 85.498, 293.935 |
CIE-LUV | 46.853, -19.834, -119.234 |
Hunter-Lab | 39.885, 27.33, -103.354 |
Binary | 00100101, 01100011, 11110101 |
Color Schemes with #2563f5
Alternatives to #2563f5
Below, you can see some colors close to #2563f5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2563f5 Preview
This text has a font color of #2563f5.
<span style="color:#2563f5;">Text here</span>
This paragraph has a background color of #2563f5.
<p style="background-color:#2563f5;">Content here</p>
This element has a border color of #2563f5.
<div style="border:1px solid #2563f5;">Content here</div>
.text {color:#2563f5;}
.background {background-color:#2563f5;}
.border {border:1px solid #2563f5;}
Shades and Tints of #2563f5
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, #000207 is the darkest color, while #f3f7fe is the lightest one.
-
#000207
#000207
rgb(0,2,7)
-
#01091a
#01091a
rgb(1,9,26)
-
#020f2d
#020f2d
rgb(2,15,45)
-
#03153f
#03153f
rgb(3,21,63)
-
#041b52
#041b52
rgb(4,27,82)
-
#052165
#052165
rgb(5,33,101)
-
#052778
#052778
rgb(5,39,120)
-
#062e8a
#062e8a
rgb(6,46,138)
-
#07349d
#07349d
rgb(7,52,157)
-
#083ab0
#083ab0
rgb(8,58,176)
-
#0940c3
#0940c3
rgb(9,64,195)
-
#0a46d5
#0a46d5
rgb(10,70,213)
-
#0b4de8
#0b4de8
rgb(11,77,232)
-
#1256f4
#1256f4
rgb(18,86,244)
-
#2563f5
#2563f5
rgb(37,99,245)
-
#3870f6
#3870f6
rgb(56,112,246)
-
#4b7ef7
#4b7ef7
rgb(75,126,247)
-
#5d8bf8
#5d8bf8
rgb(93,139,248)
-
#7099f8
#7099f8
rgb(112,153,248)
-
#83a6f9
#83a6f9
rgb(131,166,249)
-
#96b4fa
#96b4fa
rgb(150,180,250)
-
#a8c1fb
#a8c1fb
rgb(168,193,251)
-
#bbcefc
#bbcefc
rgb(187,206,252)
-
#cedcfd
#cedcfd
rgb(206,220,253)
-
#e1e9fe
#e1e9fe
rgb(225,233,254)
-
#f3f7fe
#f3f7fe
rgb(243,247,254)
Tones of #2563f5
A tone is produced by adding gray to any pure hue. In this case, #858a95 is the less saturated color, while #1c5ffe is the most saturated one.
-
#858a95
#858a95
rgb(133,138,149)
-
#7d869d
#7d869d
rgb(125,134,157)
-
#7483a6
#7483a6
rgb(116,131,166)
-
#6b7faf
#6b7faf
rgb(107,127,175)
-
#627cb8
#627cb8
rgb(98,124,184)
-
#5a78c0
#5a78c0
rgb(90,120,192)
-
#5175c9
#5175c9
rgb(81,117,201)
-
#4871d2
#4871d2
rgb(72,113,210)
-
#3f6edb
#3f6edb
rgb(63,110,219)
-
#376ae3
#376ae3
rgb(55,106,227)
-
#2e67ec
#2e67ec
rgb(46,103,236)
-
#2563f5
#2563f5
rgb(37,99,245)
-
#1c5ffe
#1c5ffe
rgb(28,95,254)
Color Blindness Simulator
Below, you can see how #2563f5 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.