#386dff Color Information
In a RGB color space, hex #386dff is composed of 22% red, 42.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 57.3% magenta, 0% yellow and 0% black. It has a hue angle of 224 degrees, a saturation of 100% and a lightness of 61%. #386dff color hex could be obtained by blending #70daff with #0000ff. Closest websafe color is: #3366ff.
-
- R 22
- G 43
- B 100
-
- C 78
- M 57
- Y 0
- K 0
● #386dff color description : Light blue.
#386dff Color Conversion
The hexadecimal color #386dff has RGB values of R:56, G:109, B:255 and CMYK values of C:0.78, M:0.57, Y:0, K:0. Its decimal value is 3698175.
Hex triplet | 386dff | #386dff |
---|---|---|
RGB Decimal | 56, 109, 255 | rgb(56,109,255) |
RGB Percent | 22, 42.7, 100 | rgb(22%,42.7%,100%) |
CMYK | 78, 57, 0, 0 | |
HSL | 224°, 100, 61 | hsl(224,100%,61%) |
HSV (or HSB) | 224°, 78, 100 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 50.683, 33.555, -77.435 |
---|---|
XYZ | 25.146, 18.996, 96.944 |
xyY | 0.178, 0.135, 18.996 |
CIE-LCH | 50.683, 84.392, 293.429 |
CIE-LUV | 50.683, -20.068, -121.121 |
Hunter-Lab | 43.585, 26.711, -101.367 |
Binary | 00111000, 01101101, 11111111 |
Color Schemes with #386dff
Alternatives to #386dff
Below, you can see some colors close to #386dff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386dff Preview
This text has a font color of #386dff.
<span style="color:#386dff;">Text here</span>
This paragraph has a background color of #386dff.
<p style="background-color:#386dff;">Content here</p>
This element has a border color of #386dff.
<div style="border:1px solid #386dff;">Content here</div>
.text {color:#386dff;}
.background {background-color:#386dff;}
.border {border:1px solid #386dff;}
Shades and Tints of #386dff
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, #000411 is the darkest color, while #fcfdff is the lightest one.
-
#000411
#000411
rgb(0,4,17)
-
#000a24
#000a24
rgb(0,10,36)
-
#000f38
#000f38
rgb(0,15,56)
-
#00144c
#00144c
rgb(0,20,76)
-
#00195f
#00195f
rgb(0,25,95)
-
#001f73
#001f73
rgb(0,31,115)
-
#002486
#002486
rgb(0,36,134)
-
#00299a
#00299a
rgb(0,41,154)
-
#002eae
#002eae
rgb(0,46,174)
-
#0033c1
#0033c1
rgb(0,51,193)
-
#0039d5
#0039d5
rgb(0,57,213)
-
#003ee9
#003ee9
rgb(0,62,233)
-
#0043fc
#0043fc
rgb(0,67,252)
-
#1150ff
#1150ff
rgb(17,80,255)
-
#245fff
#245fff
rgb(36,95,255)
-
#386dff
#386dff
rgb(56,109,255)
-
#4c7bff
#4c7bff
rgb(76,123,255)
-
#5f8aff
#5f8aff
rgb(95,138,255)
-
#7398ff
#7398ff
rgb(115,152,255)
-
#86a7ff
#86a7ff
rgb(134,167,255)
-
#9ab5ff
#9ab5ff
rgb(154,181,255)
-
#aec3ff
#aec3ff
rgb(174,195,255)
-
#c1d2ff
#c1d2ff
rgb(193,210,255)
-
#d5e0ff
#d5e0ff
rgb(213,224,255)
-
#e9efff
#e9efff
rgb(233,239,255)
-
#fcfdff
#fcfdff
rgb(252,253,255)
Tones of #386dff
A tone is produced by adding gray to any pure hue. In this case, #9498a3 is the less saturated color, while #386dff is the most saturated one.
-
#9498a3
#9498a3
rgb(148,152,163)
-
#8c94ab
#8c94ab
rgb(140,148,171)
-
#8591b2
#8591b2
rgb(133,145,178)
-
#7d8dba
#7d8dba
rgb(125,141,186)
-
#758ac2
#758ac2
rgb(117,138,194)
-
#6e86c9
#6e86c9
rgb(110,134,201)
-
#6682d1
#6682d1
rgb(102,130,209)
-
#5e7fd9
#5e7fd9
rgb(94,127,217)
-
#577be0
#577be0
rgb(87,123,224)
-
#4f78e8
#4f78e8
rgb(79,120,232)
-
#4774f0
#4774f0
rgb(71,116,240)
-
#4071f7
#4071f7
rgb(64,113,247)
-
#386dff
#386dff
rgb(56,109,255)
Color Blindness Simulator
Below, you can see how #386dff 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.