#387ae0 Color Information
In a RGB color space, hex #387ae0 is composed of 22% red, 47.8% green and 87.8% blue. Whereas in a CMYK color space, it is composed of 75% cyan, 45.5% magenta, 0% yellow and 12.2% black. It has a hue angle of 216.4 degrees, a saturation of 73% and a lightness of 54.9%. #387ae0 color hex could be obtained by blending #70f4ff with #0000c1. Closest websafe color is: #3366cc.
-
- R 22
- G 48
- B 88
-
- C 75
- M 46
- Y 0
- K 12
● #387ae0 color description : Bright blue.
#387ae0 Color Conversion
The hexadecimal color #387ae0 has RGB values of R:56, G:122, B:224 and CMYK values of C:0.75, M:0.46, Y:0, K:0.12. Its decimal value is 3701472.
Hex triplet | 387ae0 | #387ae0 |
---|---|---|
RGB Decimal | 56, 122, 224 | rgb(56,122,224) |
RGB Percent | 22, 47.8, 87.8 | rgb(22%,47.8%,87.8%) |
CMYK | 75, 46, 0, 12 | |
HSL | 216.4°, 73, 54.9 | hsl(216.4,73%,54.9%) |
HSV (or HSB) | 216.4°, 75, 87.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 51.995, 14.108, -58.006 |
---|---|
XYZ | 22.042, 20.14, 73.243 |
xyY | 0.191, 0.174, 20.14 |
CIE-LCH | 51.995, 59.697, 283.67 |
CIE-LUV | 51.995, -24.15, -91.291 |
Hunter-Lab | 44.878, 9.136, -65.35 |
Binary | 00111000, 01111010, 11100000 |
Color Schemes with #387ae0
Alternatives to #387ae0
Below, you can see some colors close to #387ae0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#387ae0 Preview
This text has a font color of #387ae0.
<span style="color:#387ae0;">Text here</span>
This paragraph has a background color of #387ae0.
<p style="background-color:#387ae0;">Content here</p>
This element has a border color of #387ae0.
<div style="border:1px solid #387ae0;">Content here</div>
.text {color:#387ae0;}
.background {background-color:#387ae0;}
.border {border:1px solid #387ae0;}
Shades and Tints of #387ae0
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, #010205 is the darkest color, while #f3f7fd is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#030b16
#030b16
rgb(3,11,22)
-
#061327
#061327
rgb(6,19,39)
-
#091b38
#091b38
rgb(9,27,56)
-
#0b2349
#0b2349
rgb(11,35,73)
-
#0e2c5a
#0e2c5a
rgb(14,44,90)
-
#11346a
#11346a
rgb(17,52,106)
-
#133c7b
#133c7b
rgb(19,60,123)
-
#16448c
#16448c
rgb(22,68,140)
-
#194d9d
#194d9d
rgb(25,77,157)
-
#1b55ae
#1b55ae
rgb(27,85,174)
-
#1e5dbf
#1e5dbf
rgb(30,93,191)
-
#2066d0
#2066d0
rgb(32,102,208)
-
#276fdd
#276fdd
rgb(39,111,221)
-
#387ae0
#387ae0
rgb(56,122,224)
-
#4985e3
#4985e3
rgb(73,133,227)
-
#5a91e5
#5a91e5
rgb(90,145,229)
-
#6b9ce8
#6b9ce8
rgb(107,156,232)
-
#7ca7eb
#7ca7eb
rgb(124,167,235)
-
#8db3ed
#8db3ed
rgb(141,179,237)
-
#9ebef0
#9ebef0
rgb(158,190,240)
-
#afc9f3
#afc9f3
rgb(175,201,243)
-
#c0d5f5
#c0d5f5
rgb(192,213,245)
-
#d1e0f8
#d1e0f8
rgb(209,224,248)
-
#e2ebfa
#e2ebfa
rgb(226,235,250)
-
#f3f7fd
#f3f7fd
rgb(243,247,253)
Tones of #387ae0
A tone is produced by adding gray to any pure hue. In this case, #888b90 is the less saturated color, while #1d74fb is the most saturated one.
-
#888b90
#888b90
rgb(136,139,144)
-
#7f8999
#7f8999
rgb(127,137,153)
-
#7687a2
#7687a2
rgb(118,135,162)
-
#6d85ab
#6d85ab
rgb(109,133,171)
-
#6483b4
#6483b4
rgb(100,131,180)
-
#5b82bd
#5b82bd
rgb(91,130,189)
-
#5380c5
#5380c5
rgb(83,128,197)
-
#4a7ece
#4a7ece
rgb(74,126,206)
-
#417cd7
#417cd7
rgb(65,124,215)
-
#387ae0
#387ae0
rgb(56,122,224)
-
#2f78e9
#2f78e9
rgb(47,120,233)
-
#2676f2
#2676f2
rgb(38,118,242)
-
#1d74fb
#1d74fb
rgb(29,116,251)
Color Blindness Simulator
Below, you can see how #387ae0 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.