#2563b0 Color Information
In a RGB color space, hex #2563b0 is composed of 14.5% red, 38.8% green and 69% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 43.8% magenta, 0% yellow and 31% black. It has a hue angle of 213.2 degrees, a saturation of 65.3% and a lightness of 41.8%. #2563b0 color hex could be obtained by blending #4ac6ff with #000061. Closest websafe color is: #336699.
-
- R 15
- G 39
- B 69
-
- C 79
- M 44
- Y 0
- K 31
● #2563b0 color description : Dark blue.
#2563b0 Color Conversion
The hexadecimal color #2563b0 has RGB values of R:37, G:99, B:176 and CMYK values of C:0.79, M:0.44, Y:0, K:0.31. Its decimal value is 2450352.
Hex triplet | 2563b0 | #2563b0 |
---|---|---|
RGB Decimal | 37, 99, 176 | rgb(37,99,176) |
RGB Percent | 14.5, 38.8, 69 | rgb(14.5%,38.8%,69%) |
CMYK | 79, 44, 0, 31 | |
HSL | 213.2°, 65.3, 41.8 | hsl(213.2,65.3%,41.8%) |
HSV (or HSB) | 213.2°, 79, 69 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 41.923, 8.338, -46.624 |
---|---|
XYZ | 13.059, 12.451, 42.787 |
xyY | 0.191, 0.182, 12.451 |
CIE-LCH | 41.923, 47.364, 280.139 |
CIE-LUV | 41.923, -21.072, -69.156 |
Hunter-Lab | 35.285, 4.315, -47.195 |
Binary | 00100101, 01100011, 10110000 |
Color Schemes with #2563b0
Alternatives to #2563b0
Below, you can see some colors close to #2563b0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#2563b0 Preview
This text has a font color of #2563b0.
<span style="color:#2563b0;">Text here</span>
This paragraph has a background color of #2563b0.
<p style="background-color:#2563b0;">Content here</p>
This element has a border color of #2563b0.
<div style="border:1px solid #2563b0;">Content here</div>
.text {color:#2563b0;}
.background {background-color:#2563b0;}
.border {border:1px solid #2563b0;}
Shades and Tints of #2563b0
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, #03080e is the darkest color, while #fdfeff is the lightest one.
-
#03080e
#03080e
rgb(3,8,14)
-
#06111e
#06111e
rgb(6,17,30)
-
#0a1a2e
#0a1a2e
rgb(10,26,46)
-
#0d233f
#0d233f
rgb(13,35,63)
-
#112c4f
#112c4f
rgb(17,44,79)
-
#14355f
#14355f
rgb(20,53,95)
-
#173f6f
#173f6f
rgb(23,63,111)
-
#1b487f
#1b487f
rgb(27,72,127)
-
#1e5190
#1e5190
rgb(30,81,144)
-
#225aa0
#225aa0
rgb(34,90,160)
-
#2563b0
#2563b0
rgb(37,99,176)
-
#286cc0
#286cc0
rgb(40,108,192)
-
#2c75d0
#2c75d0
rgb(44,117,208)
-
#3a80d6
#3a80d6
rgb(58,128,214)
-
#4a8ad9
#4a8ad9
rgb(74,138,217)
-
#5b95dc
#5b95dc
rgb(91,149,220)
-
#6b9fe0
#6b9fe0
rgb(107,159,224)
-
#7baae3
#7baae3
rgb(123,170,227)
-
#8bb4e7
#8bb4e7
rgb(139,180,231)
-
#9bbfea
#9bbfea
rgb(155,191,234)
-
#acc9ed
#acc9ed
rgb(172,201,237)
-
#bcd4f1
#bcd4f1
rgb(188,212,241)
-
#ccdef4
#ccdef4
rgb(204,222,244)
-
#dce9f8
#dce9f8
rgb(220,233,248)
-
#edf3fb
#edf3fb
rgb(237,243,251)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #2563b0
A tone is produced by adding gray to any pure hue. In this case, #676a6e is the less saturated color, while #045fd1 is the most saturated one.
-
#676a6e
#676a6e
rgb(103,106,110)
-
#5e6977
#5e6977
rgb(94,105,119)
-
#56687f
#56687f
rgb(86,104,127)
-
#4e6787
#4e6787
rgb(78,103,135)
-
#46678f
#46678f
rgb(70,103,143)
-
#3e6697
#3e6697
rgb(62,102,151)
-
#3565a0
#3565a0
rgb(53,101,160)
-
#2d64a8
#2d64a8
rgb(45,100,168)
-
#2563b0
#2563b0
rgb(37,99,176)
-
#1d62b8
#1d62b8
rgb(29,98,184)
-
#1561c0
#1561c0
rgb(21,97,192)
-
#0c60c9
#0c60c9
rgb(12,96,201)
-
#045fd1
#045fd1
rgb(4,95,209)
Color Blindness Simulator
Below, you can see how #2563b0 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.