#3976ff Color Information
In a RGB color space, hex #3976ff is composed of 22.4% red, 46.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 53.7% magenta, 0% yellow and 0% black. It has a hue angle of 221.5 degrees, a saturation of 100% and a lightness of 61.2%. #3976ff color hex could be obtained by blending #72ecff with #0000ff. Closest websafe color is: #3366ff.
-
- R 22
- G 46
- B 100
-
- C 78
- M 54
- Y 0
- K 0
● #3976ff color description : Light blue.
#3976ff Color Conversion
The hexadecimal color #3976ff has RGB values of R:57, G:118, B:255 and CMYK values of C:0.78, M:0.54, Y:0, K:0. Its decimal value is 3766015.
Hex triplet | 3976ff | #3976ff |
---|---|---|
RGB Decimal | 57, 118, 255 | rgb(57,118,255) |
RGB Percent | 22.4, 46.3, 100 | rgb(22.4%,46.3%,100%) |
CMYK | 78, 54, 0, 0 | |
HSL | 221.5°, 100, 61.2 | hsl(221.5,100%,61.2%) |
HSV (or HSB) | 221.5°, 77.6, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 52.998, 28.047, -73.666 |
---|---|
XYZ | 26.212, 21.045, 97.283 |
xyY | 0.181, 0.146, 21.045 |
CIE-LCH | 52.998, 78.825, 290.843 |
CIE-LUV | 52.998, -22.32, -116.76 |
Hunter-Lab | 45.875, 21.711, -93.62 |
Binary | 00111001, 01110110, 11111111 |
Color Schemes with #3976ff
Alternatives to #3976ff
Below, you can see some colors close to #3976ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3976ff Preview
This text has a font color of #3976ff.
<span style="color:#3976ff;">Text here</span>
This paragraph has a background color of #3976ff.
<p style="background-color:#3976ff;">Content here</p>
This element has a border color of #3976ff.
<div style="border:1px solid #3976ff;">Content here</div>
.text {color:#3976ff;}
.background {background-color:#3976ff;}
.border {border:1px solid #3976ff;}
Shades and Tints of #3976ff
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, #000512 is the darkest color, while #fdfeff is the lightest one.
-
#000512
#000512
rgb(0,5,18)
-
#000c25
#000c25
rgb(0,12,37)
-
#001239
#001239
rgb(0,18,57)
-
#00184d
#00184d
rgb(0,24,77)
-
#001e60
#001e60
rgb(0,30,96)
-
#002474
#002474
rgb(0,36,116)
-
#002a87
#002a87
rgb(0,42,135)
-
#00309b
#00309b
rgb(0,48,155)
-
#0036af
#0036af
rgb(0,54,175)
-
#003cc2
#003cc2
rgb(0,60,194)
-
#0042d6
#0042d6
rgb(0,66,214)
-
#0048ea
#0048ea
rgb(0,72,234)
-
#004efd
#004efd
rgb(0,78,253)
-
#125bff
#125bff
rgb(18,91,255)
-
#2568ff
#2568ff
rgb(37,104,255)
-
#3976ff
#3976ff
rgb(57,118,255)
-
#4d84ff
#4d84ff
rgb(77,132,255)
-
#6091ff
#6091ff
rgb(96,145,255)
-
#749fff
#749fff
rgb(116,159,255)
-
#87acff
#87acff
rgb(135,172,255)
-
#9bbaff
#9bbaff
rgb(155,186,255)
-
#afc7ff
#afc7ff
rgb(175,199,255)
-
#c2d5ff
#c2d5ff
rgb(194,213,255)
-
#d6e3ff
#d6e3ff
rgb(214,227,255)
-
#eaf0ff
#eaf0ff
rgb(234,240,255)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #3976ff
A tone is produced by adding gray to any pure hue. In this case, #9499a4 is the less saturated color, while #3976ff is the most saturated one.
-
#9499a4
#9499a4
rgb(148,153,164)
-
#8d96ab
#8d96ab
rgb(141,150,171)
-
#8593b3
#8593b3
rgb(133,147,179)
-
#7e90ba
#7e90ba
rgb(126,144,186)
-
#768dc2
#768dc2
rgb(118,141,194)
-
#6e8aca
#6e8aca
rgb(110,138,202)
-
#6788d1
#6788d1
rgb(103,136,209)
-
#5f85d9
#5f85d9
rgb(95,133,217)
-
#5782e1
#5782e1
rgb(87,130,225)
-
#507fe8
#507fe8
rgb(80,127,232)
-
#487cf0
#487cf0
rgb(72,124,240)
-
#4179f7
#4179f7
rgb(65,121,247)
-
#3976ff
#3976ff
rgb(57,118,255)
Color Blindness Simulator
Below, you can see how #3976ff 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.