#386ff5 Color Information
In a RGB color space, hex #386ff5 is composed of 22% red, 43.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 54.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 222.5 degrees, a saturation of 90.4% and a lightness of 59%. #386ff5 color hex could be obtained by blending #70deff with #0000eb. Closest websafe color is: #3366ff.
-
- R 22
- G 44
- B 96
-
- C 77
- M 55
- Y 0
- K 4
● #386ff5 color description : Bright blue.
#386ff5 Color Conversion
The hexadecimal color #386ff5 has RGB values of R:56, G:111, B:245 and CMYK values of C:0.77, M:0.55, Y:0, K:0.04. Its decimal value is 3698677.
Hex triplet | 386ff5 | #386ff5 |
---|---|---|
RGB Decimal | 56, 111, 245 | rgb(56,111,245) |
RGB Percent | 22, 43.5, 96.1 | rgb(22%,43.5%,96.1%) |
CMYK | 77, 55, 0, 4 | |
HSL | 222.5°, 90.4, 59 | hsl(222.5,90.4%,59%) |
HSV (or HSB) | 222.5°, 77.1, 96.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 50.453, 28.684, -72.254 |
---|---|
XYZ | 23.793, 18.8, 88.756 |
xyY | 0.181, 0.143, 18.8 |
CIE-LCH | 50.453, 77.74, 291.653 |
CIE-LUV | 50.453, -20.643, -113.18 |
Hunter-Lab | 43.359, 22.072, -91.014 |
Binary | 00111000, 01101111, 11110101 |
Color Schemes with #386ff5
Alternatives to #386ff5
Below, you can see some colors close to #386ff5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386ff5 Preview
This text has a font color of #386ff5.
<span style="color:#386ff5;">Text here</span>
This paragraph has a background color of #386ff5.
<p style="background-color:#386ff5;">Content here</p>
This element has a border color of #386ff5.
<div style="border:1px solid #386ff5;">Content here</div>
.text {color:#386ff5;}
.background {background-color:#386ff5;}
.border {border:1px solid #386ff5;}
Shades and Tints of #386ff5
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, #000206 is the darkest color, while #f3f6fe is the lightest one.
-
#000206
#000206
rgb(0,2,6)
-
#010819
#010819
rgb(1,8,25)
-
#020e2c
#020e2c
rgb(2,14,44)
-
#03143e
#03143e
rgb(3,20,62)
-
#041b51
#041b51
rgb(4,27,81)
-
#052164
#052164
rgb(5,33,100)
-
#062777
#062777
rgb(6,39,119)
-
#072d89
#072d89
rgb(7,45,137)
-
#08339c
#08339c
rgb(8,51,156)
-
#0939af
#0939af
rgb(9,57,175)
-
#0a3fc1
#0a3fc1
rgb(10,63,193)
-
#0b45d4
#0b45d4
rgb(11,69,212)
-
#0c4be7
#0c4be7
rgb(12,75,231)
-
#1354f3
#1354f3
rgb(19,84,243)
-
#2561f4
#2561f4
rgb(37,97,244)
-
#386ff5
#386ff5
rgb(56,111,245)
-
#4b7df6
#4b7df6
rgb(75,125,246)
-
#5d8af7
#5d8af7
rgb(93,138,247)
-
#7098f8
#7098f8
rgb(112,152,248)
-
#83a5f9
#83a5f9
rgb(131,165,249)
-
#95b3fa
#95b3fa
rgb(149,179,250)
-
#a8c0fb
#a8c0fb
rgb(168,192,251)
-
#bbcefc
#bbcefc
rgb(187,206,252)
-
#cddbfd
#cddbfd
rgb(205,219,253)
-
#e0e9fd
#e0e9fd
rgb(224,233,253)
-
#f3f6fe
#f3f6fe
rgb(243,246,254)
Tones of #386ff5
A tone is produced by adding gray to any pure hue. In this case, #90949d is the less saturated color, while #306cfd is the most saturated one.
-
#90949d
#90949d
rgb(144,148,157)
-
#8891a5
#8891a5
rgb(136,145,165)
-
#808dad
#808dad
rgb(128,141,173)
-
#788ab5
#788ab5
rgb(120,138,181)
-
#7087bd
#7087bd
rgb(112,135,189)
-
#6883c5
#6883c5
rgb(104,131,197)
-
#6080cd
#6080cd
rgb(96,128,205)
-
#587cd5
#587cd5
rgb(88,124,213)
-
#5079dd
#5079dd
rgb(80,121,221)
-
#4876e5
#4876e5
rgb(72,118,229)
-
#4072ed
#4072ed
rgb(64,114,237)
-
#386ff5
#386ff5
rgb(56,111,245)
-
#306cfd
#306cfd
rgb(48,108,253)
Color Blindness Simulator
Below, you can see how #386ff5 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.