#3a63b8 Color Information
In a RGB color space, hex #3a63b8 is composed of 22.7% red, 38.8% green and 72.2% blue. Whereas in a CMYK color space, it is composed of 68.5% cyan, 46.2% magenta, 0% yellow and 27.8% black. It has a hue angle of 220.5 degrees, a saturation of 52.1% and a lightness of 47.5%. #3a63b8 color hex could be obtained by blending #74c6ff with #000071. Closest websafe color is: #3366cc.
-
- R 23
- G 39
- B 72
-
- C 68
- M 46
- Y 0
- K 28
● #3a63b8 color description : Moderate blue.
#3a63b8 Color Conversion
The hexadecimal color #3a63b8 has RGB values of R:58, G:99, B:184 and CMYK values of C:0.68, M:0.46, Y:0, K:0.28. Its decimal value is 3826616.
Hex triplet | 3a63b8 | #3a63b8 |
---|---|---|
RGB Decimal | 58, 99, 184 | rgb(58,99,184) |
RGB Percent | 22.7, 38.8, 72.2 | rgb(22.7%,38.8%,72.2%) |
CMYK | 68, 46, 0, 28 | |
HSL | 220.5°, 52.1, 47.5 | hsl(220.5,52.1%,47.5%) |
HSV (or HSB) | 220.5°, 68.5, 72.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 43.187, 14.223, -49.239 |
---|---|
XYZ | 14.857, 13.283, 47.126 |
xyY | 0.197, 0.176, 13.283 |
CIE-LCH | 43.187, 51.252, 286.112 |
CIE-LUV | 43.187, -17.217, -74.13 |
Hunter-Lab | 36.446, 8.983, -51.152 |
Binary | 00111010, 01100011, 10111000 |
Color Schemes with #3a63b8
Alternatives to #3a63b8
Below, you can see some colors close to #3a63b8. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a63b8 Preview
This text has a font color of #3a63b8.
<span style="color:#3a63b8;">Text here</span>
This paragraph has a background color of #3a63b8.
<p style="background-color:#3a63b8;">Content here</p>
This element has a border color of #3a63b8.
<div style="border:1px solid #3a63b8;">Content here</div>
.text {color:#3a63b8;}
.background {background-color:#3a63b8;}
.border {border:1px solid #3a63b8;}
Shades and Tints of #3a63b8
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, #020305 is the darkest color, while #f5f7fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#060b14
#060b14
rgb(6,11,20)
-
#0b1323
#0b1323
rgb(11,19,35)
-
#101b32
#101b32
rgb(16,27,50)
-
#142341
#142341
rgb(20,35,65)
-
#192b50
#192b50
rgb(25,43,80)
-
#1e335f
#1e335f
rgb(30,51,95)
-
#223b6d
#223b6d
rgb(34,59,109)
-
#27437c
#27437c
rgb(39,67,124)
-
#2c4b8b
#2c4b8b
rgb(44,75,139)
-
#31539a
#31539a
rgb(49,83,154)
-
#355ba9
#355ba9
rgb(53,91,169)
-
#3a63b8
#3a63b8
rgb(58,99,184)
-
#426cc3
#426cc3
rgb(66,108,195)
-
#5178c8
#5178c8
rgb(81,120,200)
-
#6083cd
#6083cd
rgb(96,131,205)
-
#6f8fd2
#6f8fd2
rgb(111,143,210)
-
#7e9bd6
#7e9bd6
rgb(126,155,214)
-
#8da6db
#8da6db
rgb(141,166,219)
-
#9cb2e0
#9cb2e0
rgb(156,178,224)
-
#abbde4
#abbde4
rgb(171,189,228)
-
#b9c9e9
#b9c9e9
rgb(185,201,233)
-
#c8d5ee
#c8d5ee
rgb(200,213,238)
-
#d7e0f2
#d7e0f2
rgb(215,224,242)
-
#e6ecf7
#e6ecf7
rgb(230,236,247)
-
#f5f7fc
#f5f7fc
rgb(245,247,252)
Tones of #3a63b8
A tone is produced by adding gray to any pure hue. In this case, #727780 is the less saturated color, while #024ff0 is the most saturated one.
-
#727780
#727780
rgb(114,119,128)
-
#697389
#697389
rgb(105,115,137)
-
#5f7093
#5f7093
rgb(95,112,147)
-
#566d9c
#566d9c
rgb(86,109,156)
-
#4d6aa5
#4d6aa5
rgb(77,106,165)
-
#4366af
#4366af
rgb(67,102,175)
-
#3a63b8
#3a63b8
rgb(58,99,184)
-
#3160c1
#3160c1
rgb(49,96,193)
-
#275ccb
#275ccb
rgb(39,92,203)
-
#1e59d4
#1e59d4
rgb(30,89,212)
-
#1556dd
#1556dd
rgb(21,86,221)
-
#0b53e7
#0b53e7
rgb(11,83,231)
-
#024ff0
#024ff0
rgb(2,79,240)
Color Blindness Simulator
Below, you can see how #3a63b8 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.