#3987ff Color Information
In a RGB color space, hex #3987ff is composed of 22.4% red, 52.9% green and 100% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 47.1% magenta, 0% yellow and 0% black. It has a hue angle of 216.4 degrees, a saturation of 100% and a lightness of 61.2%. #3987ff color hex could be obtained by blending #72ffff with #000fff. Closest websafe color is: #3399ff.
-
- R 22
- G 53
- B 100
-
- C 78
- M 47
- Y 0
- K 0
● #3987ff color description : Light blue.
#3987ff Color Conversion
The hexadecimal color #3987ff has RGB values of R:57, G:135, B:255 and CMYK values of C:0.78, M:0.47, Y:0, K:0. Its decimal value is 3770367.
Hex triplet | 3987ff | #3987ff |
---|---|---|
RGB Decimal | 57, 135, 255 | rgb(57,135,255) |
RGB Percent | 22.4, 52.9, 100 | rgb(22.4%,52.9%,100%) |
CMYK | 78, 47, 0, 0 | |
HSL | 216.4°, 100, 61.2 | hsl(216.4,100%,61.2%) |
HSV (or HSB) | 216.4°, 77.6, 100 | |
Web Safe | 3399ff | #3399ff |
CIE-LAB | 57.478, 17.543, -66.422 |
---|---|
XYZ | 28.397, 25.416, 98.011 |
xyY | 0.187, 0.167, 25.416 |
CIE-LCH | 57.478, 68.7, 284.795 |
CIE-LUV | 57.478, -27.21, -107.051 |
Hunter-Lab | 50.414, 12.322, -79.978 |
Binary | 00111001, 10000111, 11111111 |
Color Schemes with #3987ff
Alternatives to #3987ff
Below, you can see some colors close to #3987ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3987ff Preview
This text has a font color of #3987ff.
<span style="color:#3987ff;">Text here</span>
This paragraph has a background color of #3987ff.
<p style="background-color:#3987ff;">Content here</p>
This element has a border color of #3987ff.
<div style="border:1px solid #3987ff;">Content here</div>
.text {color:#3987ff;}
.background {background-color:#3987ff;}
.border {border:1px solid #3987ff;}
Shades and Tints of #3987ff
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, #000712 is the darkest color, while #fdfeff is the lightest one.
-
#000712
#000712
rgb(0,7,18)
-
#000f25
#000f25
rgb(0,15,37)
-
#001639
#001639
rgb(0,22,57)
-
#001e4d
#001e4d
rgb(0,30,77)
-
#002660
#002660
rgb(0,38,96)
-
#002e74
#002e74
rgb(0,46,116)
-
#003587
#003587
rgb(0,53,135)
-
#003d9b
#003d9b
rgb(0,61,155)
-
#0045af
#0045af
rgb(0,69,175)
-
#004dc2
#004dc2
rgb(0,77,194)
-
#0054d6
#0054d6
rgb(0,84,214)
-
#005cea
#005cea
rgb(0,92,234)
-
#0064fd
#0064fd
rgb(0,100,253)
-
#126fff
#126fff
rgb(18,111,255)
-
#257bff
#257bff
rgb(37,123,255)
-
#3987ff
#3987ff
rgb(57,135,255)
-
#4d93ff
#4d93ff
rgb(77,147,255)
-
#609fff
#609fff
rgb(96,159,255)
-
#74abff
#74abff
rgb(116,171,255)
-
#87b7ff
#87b7ff
rgb(135,183,255)
-
#9bc2ff
#9bc2ff
rgb(155,194,255)
-
#afceff
#afceff
rgb(175,206,255)
-
#c2daff
#c2daff
rgb(194,218,255)
-
#d6e6ff
#d6e6ff
rgb(214,230,255)
-
#eaf2ff
#eaf2ff
rgb(234,242,255)
-
#fdfeff
#fdfeff
rgb(253,254,255)
Tones of #3987ff
A tone is produced by adding gray to any pure hue. In this case, #949aa4 is the less saturated color, while #3987ff is the most saturated one.
-
#949aa4
#949aa4
rgb(148,154,164)
-
#8d99ab
#8d99ab
rgb(141,153,171)
-
#8597b3
#8597b3
rgb(133,151,179)
-
#7e96ba
#7e96ba
rgb(126,150,186)
-
#7694c2
#7694c2
rgb(118,148,194)
-
#6e92ca
#6e92ca
rgb(110,146,202)
-
#6791d1
#6791d1
rgb(103,145,209)
-
#5f8fd9
#5f8fd9
rgb(95,143,217)
-
#578de1
#578de1
rgb(87,141,225)
-
#508ce8
#508ce8
rgb(80,140,232)
-
#488af0
#488af0
rgb(72,138,240)
-
#4189f7
#4189f7
rgb(65,137,247)
-
#3987ff
#3987ff
rgb(57,135,255)
Color Blindness Simulator
Below, you can see how #3987ff 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.