#3980ff Color Information
In a RGB color space, hex #3980ff is composed of 22.4% red, 50.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 49.8% magenta, 0% yellow and 0% black. It has a hue angle of 218.5 degrees, a saturation of 100% and a lightness of 61.2%. #3980ff color hex could be obtained by blending #72ffff with #0001ff. Closest websafe color is: #3399ff.
-
- R 22
- G 50
- B 100
-
- C 78
- M 50
- Y 0
- K 0
● #3980ff color description : Light blue.
#3980ff Color Conversion
The hexadecimal color #3980ff has RGB values of R:57, G:128, B:255 and CMYK values of C:0.78, M:0.5, Y:0, K:0. Its decimal value is 3768575.
Hex triplet | 3980ff | #3980ff |
---|---|---|
RGB Decimal | 57, 128, 255 | rgb(57,128,255) |
RGB Percent | 22.4, 50.2, 100 | rgb(22.4%,50.2%,100%) |
CMYK | 78, 50, 0, 0 | |
HSL | 218.5°, 100, 61.2 | hsl(218.5,100%,61.2%) |
HSV (or HSB) | 218.5°, 77.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 55.61, 21.846, -69.436 |
---|---|
XYZ | 27.453, 23.526, 97.696 |
xyY | 0.185, 0.158, 23.526 |
CIE-LCH | 55.61, 72.791, 287.464 |
CIE-LUV | 55.61, -25.143, -111.278 |
Hunter-Lab | 48.504, 16.148, -85.47 |
Binary | 00111001, 10000000, 11111111 |
Color Schemes with #3980ff
Alternatives to #3980ff
Below, you can see some colors close to #3980ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3980ff Preview
This text has a font color of #3980ff.
<span style="color:#3980ff;">Text here</span>
This paragraph has a background color of #3980ff.
<p style="background-color:#3980ff;">Content here</p>
This element has a border color of #3980ff.
<div style="border:1px solid #3980ff;">Content here</div>
.text {color:#3980ff;}
.background {background-color:#3980ff;}
.border {border:1px solid #3980ff;}
Shades and Tints of #3980ff
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, #000612 is the darkest color, while #fdfeff is the lightest one.
-
#000612
#000612
rgb(0,6,18)
-
#000d25
#000d25
rgb(0,13,37)
-
#001439
#001439
rgb(0,20,57)
-
#001b4d
#001b4d
rgb(0,27,77)
-
#002360
#002360
rgb(0,35,96)
-
#002a74
#002a74
rgb(0,42,116)
-
#003187
#003187
rgb(0,49,135)
-
#00389b
#00389b
rgb(0,56,155)
-
#003faf
#003faf
rgb(0,63,175)
-
#0046c2
#0046c2
rgb(0,70,194)
-
#004dd6
#004dd6
rgb(0,77,214)
-
#0054ea
#0054ea
rgb(0,84,234)
-
#005bfd
#005bfd
rgb(0,91,253)
-
#1267ff
#1267ff
rgb(18,103,255)
-
#2573ff
#2573ff
rgb(37,115,255)
-
#3980ff
#3980ff
rgb(57,128,255)
-
#4d8dff
#4d8dff
rgb(77,141,255)
-
#6099ff
#6099ff
rgb(96,153,255)
-
#74a6ff
#74a6ff
rgb(116,166,255)
-
#87b2ff
#87b2ff
rgb(135,178,255)
-
#9bbfff
#9bbfff
rgb(155,191,255)
-
#afcbff
#afcbff
rgb(175,203,255)
-
#c2d8ff
#c2d8ff
rgb(194,216,255)
-
#d6e5ff
#d6e5ff
rgb(214,229,255)
-
#eaf1ff
#eaf1ff
rgb(234,241,255)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #3980ff
A tone is produced by adding gray to any pure hue. In this case, #949aa4 is the less saturated color, while #3980ff is the most saturated one.
-
#949aa4
#949aa4
rgb(148,154,164)
-
#8d98ab
#8d98ab
rgb(141,152,171)
-
#8596b3
#8596b3
rgb(133,150,179)
-
#7e93ba
#7e93ba
rgb(126,147,186)
-
#7691c2
#7691c2
rgb(118,145,194)
-
#6e8fca
#6e8fca
rgb(110,143,202)
-
#678dd1
#678dd1
rgb(103,141,209)
-
#5f8bd9
#5f8bd9
rgb(95,139,217)
-
#5789e1
#5789e1
rgb(87,137,225)
-
#5086e8
#5086e8
rgb(80,134,232)
-
#4884f0
#4884f0
rgb(72,132,240)
-
#4182f7
#4182f7
rgb(65,130,247)
-
#3980ff
#3980ff
rgb(57,128,255)
Color Blindness Simulator
Below, you can see how #3980ff 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.