#387ae5 Color Information
In a RGB color space, hex #387ae5 is composed of 22% red, 47.8% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 46.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 217.1 degrees, a saturation of 76.9% and a lightness of 55.9%. #387ae5 color hex could be obtained by blending #70f4ff with #0000cb. Closest websafe color is: #3366cc.
-
- R 22
- G 48
- B 90
-
- C 76
- M 47
- Y 0
- K 10
● #387ae5 color description : Bright blue.
#387ae5 Color Conversion
The hexadecimal color #387ae5 has RGB values of R:56, G:122, B:229 and CMYK values of C:0.76, M:0.47, Y:0, K:0.1. Its decimal value is 3701477.
Hex triplet | 387ae5 | #387ae5 |
---|---|---|
RGB Decimal | 56, 122, 229 | rgb(56,122,229) |
RGB Percent | 22, 47.8, 89.8 | rgb(22%,47.8%,89.8%) |
CMYK | 76, 47, 0, 10 | |
HSL | 217.1°, 76.9, 55.9 | hsl(217.1,76.9%,55.9%) |
HSV (or HSB) | 217.1°, 75.5, 89.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 52.303, 15.943, -60.319 |
---|---|
XYZ | 22.73, 20.415, 76.867 |
xyY | 0.189, 0.17, 20.415 |
CIE-LCH | 52.303, 62.39, 284.805 |
CIE-LUV | 52.303, -24.039, -95.176 |
Hunter-Lab | 45.183, 10.727, -69.238 |
Binary | 00111000, 01111010, 11100101 |
Color Schemes with #387ae5
Alternatives to #387ae5
Below, you can see some colors close to #387ae5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#387ae5 Preview
This text has a font color of #387ae5.
<span style="color:#387ae5;">Text here</span>
This paragraph has a background color of #387ae5.
<p style="background-color:#387ae5;">Content here</p>
This element has a border color of #387ae5.
<div style="border:1px solid #387ae5;">Content here</div>
.text {color:#387ae5;}
.background {background-color:#387ae5;}
.border {border:1px solid #387ae5;}
Shades and Tints of #387ae5
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, #010409 is the darkest color, while #f7fafe is the lightest one.
-
#010409
#010409
rgb(1,4,9)
-
#030c1b
#030c1b
rgb(3,12,27)
-
#06142c
#06142c
rgb(6,20,44)
-
#081c3d
#081c3d
rgb(8,28,61)
-
#0a244f
#0a244f
rgb(10,36,79)
-
#0d2c60
#0d2c60
rgb(13,44,96)
-
#0f3471
#0f3471
rgb(15,52,113)
-
#113c83
#113c83
rgb(17,60,131)
-
#134494
#134494
rgb(19,68,148)
-
#164ca5
#164ca5
rgb(22,76,165)
-
#1854b7
#1854b7
rgb(24,84,183)
-
#1a5cc8
#1a5cc8
rgb(26,92,200)
-
#1c64d9
#1c64d9
rgb(28,100,217)
-
#276ee3
#276ee3
rgb(39,110,227)
-
#387ae5
#387ae5
rgb(56,122,229)
-
#4986e7
#4986e7
rgb(73,134,231)
-
#5b91ea
#5b91ea
rgb(91,145,234)
-
#6c9dec
#6c9dec
rgb(108,157,236)
-
#7da8ee
#7da8ee
rgb(125,168,238)
-
#8fb4f0
#8fb4f0
rgb(143,180,240)
-
#a0c0f3
#a0c0f3
rgb(160,192,243)
-
#b1cbf5
#b1cbf5
rgb(177,203,245)
-
#c3d7f7
#c3d7f7
rgb(195,215,247)
-
#d4e2f9
#d4e2f9
rgb(212,226,249)
-
#e5eefc
#e5eefc
rgb(229,238,252)
-
#f7fafe
#f7fafe
rgb(247,250,254)
Tones of #387ae5
A tone is produced by adding gray to any pure hue. In this case, #868c97 is the less saturated color, while #1e74ff is the most saturated one.
-
#868c97
#868c97
rgb(134,140,151)
-
#7d8aa0
#7d8aa0
rgb(125,138,160)
-
#7588a8
#7588a8
rgb(117,136,168)
-
#6c86b1
#6c86b1
rgb(108,134,177)
-
#6384ba
#6384ba
rgb(99,132,186)
-
#5b82c2
#5b82c2
rgb(91,130,194)
-
#5280cb
#5280cb
rgb(82,128,203)
-
#497ed4
#497ed4
rgb(73,126,212)
-
#417cdc
#417cdc
rgb(65,124,220)
-
#387ae5
#387ae5
rgb(56,122,229)
-
#2f78ee
#2f78ee
rgb(47,120,238)
-
#2776f6
#2776f6
rgb(39,118,246)
-
#1e74ff
#1e74ff
rgb(30,116,255)
Color Blindness Simulator
Below, you can see how #387ae5 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.