#387af4 Color Information
In a RGB color space, hex #387af4 is composed of 22% red, 47.8% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 50% magenta, 0% yellow and 4.3% black. It has a hue angle of 218.9 degrees, a saturation of 89.5% and a lightness of 58.8%. #387af4 color hex could be obtained by blending #70f4ff with #0000e9. Closest websafe color is: #3366ff.
-
- R 22
- G 48
- B 96
-
- C 77
- M 50
- Y 0
- K 4
● #387af4 color description : Bright blue.
#387af4 Color Conversion
The hexadecimal color #387af4 has RGB values of R:56, G:122, B:244 and CMYK values of C:0.77, M:0.5, Y:0, K:0.04. Its decimal value is 3701492.
Hex triplet | 387af4 | #387af4 |
---|---|---|
RGB Decimal | 56, 122, 244 | rgb(56,122,244) |
RGB Percent | 22, 47.8, 95.7 | rgb(22%,47.8%,95.7%) |
CMYK | 77, 50, 0, 4 | |
HSL | 218.9°, 89.5, 58.8 | hsl(218.9,89.5%,58.8%) |
HSV (or HSB) | 218.9°, 77, 95.7 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 53.265, 21.444, -67.141 |
---|---|
XYZ | 24.916, 21.29, 88.379 |
xyY | 0.185, 0.158, 21.29 |
CIE-LCH | 53.265, 70.482, 287.713 |
CIE-LUV | 53.265, -23.747, -106.579 |
Hunter-Lab | 46.141, 15.644, -81.267 |
Binary | 00111000, 01111010, 11110100 |
Color Schemes with #387af4
Alternatives to #387af4
Below, you can see some colors close to #387af4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#387af4 Preview
This text has a font color of #387af4.
<span style="color:#387af4;">Text here</span>
This paragraph has a background color of #387af4.
<p style="background-color:#387af4;">Content here</p>
This element has a border color of #387af4.
<div style="border:1px solid #387af4;">Content here</div>
.text {color:#387af4;}
.background {background-color:#387af4;}
.border {border:1px solid #387af4;}
Shades and Tints of #387af4
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, #000205 is the darkest color, while #f2f6fe is the lightest one.
-
#000205
#000205
rgb(0,2,5)
-
#010918
#010918
rgb(1,9,24)
-
#02112b
#02112b
rgb(2,17,43)
-
#03183d
#03183d
rgb(3,24,61)
-
#041f50
#041f50
rgb(4,31,80)
-
#052662
#052662
rgb(5,38,98)
-
#062d75
#062d75
rgb(6,45,117)
-
#073488
#073488
rgb(7,52,136)
-
#093c9a
#093c9a
rgb(9,60,154)
-
#0a43ad
#0a43ad
rgb(10,67,173)
-
#0b4abf
#0b4abf
rgb(11,74,191)
-
#0c51d2
#0c51d2
rgb(12,81,210)
-
#0d58e5
#0d58e5
rgb(13,88,229)
-
#1361f2
#1361f2
rgb(19,97,242)
-
#256ef3
#256ef3
rgb(37,110,243)
-
#387af4
#387af4
rgb(56,122,244)
-
#4b86f5
#4b86f5
rgb(75,134,245)
-
#5d93f6
#5d93f6
rgb(93,147,246)
-
#709ff7
#709ff7
rgb(112,159,247)
-
#82acf8
#82acf8
rgb(130,172,248)
-
#95b8f9
#95b8f9
rgb(149,184,249)
-
#a8c5fa
#a8c5fa
rgb(168,197,250)
-
#bad1fb
#bad1fb
rgb(186,209,251)
-
#cdddfc
#cdddfc
rgb(205,221,252)
-
#dfeafd
#dfeafd
rgb(223,234,253)
-
#f2f6fe
#f2f6fe
rgb(242,246,254)
Tones of #387af4
A tone is produced by adding gray to any pure hue. In this case, #91949b is the less saturated color, while #3078fc is the most saturated one.
-
#91949b
#91949b
rgb(145,148,155)
-
#8992a3
#8992a3
rgb(137,146,163)
-
#8190ab
#8190ab
rgb(129,144,171)
-
#798db3
#798db3
rgb(121,141,179)
-
#718bbb
#718bbb
rgb(113,139,187)
-
#6888c4
#6888c4
rgb(104,136,196)
-
#6086cc
#6086cc
rgb(96,134,204)
-
#5884d4
#5884d4
rgb(88,132,212)
-
#5081dc
#5081dc
rgb(80,129,220)
-
#487fe4
#487fe4
rgb(72,127,228)
-
#407cec
#407cec
rgb(64,124,236)
-
#387af4
#387af4
rgb(56,122,244)
-
#3078fc
#3078fc
rgb(48,120,252)
Color Blindness Simulator
Below, you can see how #387af4 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.