#386cc4 Color Information
In a RGB color space, hex #386cc4 is composed of 22% red, 42.4% green and 76.9% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 44.9% magenta, 0% yellow and 23.1% black. It has a hue angle of 217.7 degrees, a saturation of 55.6% and a lightness of 49.4%. #386cc4 color hex could be obtained by blending #70d8ff with #000089. Closest websafe color is: #3366cc.
-
- R 22
- G 42
- B 77
-
- C 71
- M 45
- Y 0
- K 23
● #386cc4 color description : Moderate blue.
#386cc4 Color Conversion
The hexadecimal color #386cc4 has RGB values of R:56, G:108, B:196 and CMYK values of C:0.71, M:0.45, Y:0, K:0.23. Its decimal value is 3697860.
Hex triplet | 386cc4 | #386cc4 |
---|---|---|
RGB Decimal | 56, 108, 196 | rgb(56,108,196) |
RGB Percent | 22, 42.4, 76.9 | rgb(22%,42.4%,76.9%) |
CMYK | 71, 45, 0, 23 | |
HSL | 217.7°, 55.6, 49.4 | hsl(217.7,55.6%,49.4%) |
HSV (or HSB) | 217.7°, 71.4, 76.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.379, 12.591, -51.082 |
---|---|
XYZ | 16.955, 15.55, 54.329 |
xyY | 0.195, 0.179, 15.55 |
CIE-LCH | 46.379, 52.61, 283.846 |
CIE-LUV | 46.379, -20.321, -78.158 |
Hunter-Lab | 39.434, 7.739, -54.083 |
Binary | 00111000, 01101100, 11000100 |
Color Schemes with #386cc4
Alternatives to #386cc4
Below, you can see some colors close to #386cc4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386cc4 Preview
This text has a font color of #386cc4.
<span style="color:#386cc4;">Text here</span>
This paragraph has a background color of #386cc4.
<p style="background-color:#386cc4;">Content here</p>
This element has a border color of #386cc4.
<div style="border:1px solid #386cc4;">Content here</div>
.text {color:#386cc4;}
.background {background-color:#386cc4;}
.border {border:1px solid #386cc4;}
Shades and Tints of #386cc4
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, #04070d is the darkest color, while #fdfdfe is the lightest one.
-
#04070d
#04070d
rgb(4,7,13)
-
#08101c
#08101c
rgb(8,16,28)
-
#0c182b
#0c182b
rgb(12,24,43)
-
#11203b
#11203b
rgb(17,32,59)
-
#15294a
#15294a
rgb(21,41,74)
-
#193159
#193159
rgb(25,49,89)
-
#1e3a68
#1e3a68
rgb(30,58,104)
-
#224278
#224278
rgb(34,66,120)
-
#274a87
#274a87
rgb(39,74,135)
-
#2b5396
#2b5396
rgb(43,83,150)
-
#2f5ba5
#2f5ba5
rgb(47,91,165)
-
#3464b5
#3464b5
rgb(52,100,181)
-
#386cc4
#386cc4
rgb(56,108,196)
-
#4677ca
#4677ca
rgb(70,119,202)
-
#5582ce
#5582ce
rgb(85,130,206)
-
#648dd3
#648dd3
rgb(100,141,211)
-
#7398d7
#7398d7
rgb(115,152,215)
-
#83a4db
#83a4db
rgb(131,164,219)
-
#92afe0
#92afe0
rgb(146,175,224)
-
#a1bae4
#a1bae4
rgb(161,186,228)
-
#b0c5e9
#b0c5e9
rgb(176,197,233)
-
#c0d0ed
#c0d0ed
rgb(192,208,237)
-
#cfdcf1
#cfdcf1
rgb(207,220,241)
-
#dee7f6
#dee7f6
rgb(222,231,246)
-
#edf2fa
#edf2fa
rgb(237,242,250)
-
#fdfdfe
#fdfdfe
rgb(253,253,254)
Tones of #386cc4
A tone is produced by adding gray to any pure hue. In this case, #7c7d80 is the less saturated color, while #0860f4 is the most saturated one.
-
#7c7d80
#7c7d80
rgb(124,125,128)
-
#727b8a
#727b8a
rgb(114,123,138)
-
#687894
#687894
rgb(104,120,148)
-
#5f769d
#5f769d
rgb(95,118,157)
-
#5573a7
#5573a7
rgb(85,115,167)
-
#4b71b1
#4b71b1
rgb(75,113,177)
-
#426eba
#426eba
rgb(66,110,186)
-
#386cc4
#386cc4
rgb(56,108,196)
-
#2e6ace
#2e6ace
rgb(46,106,206)
-
#2567d7
#2567d7
rgb(37,103,215)
-
#1b65e1
#1b65e1
rgb(27,101,225)
-
#1162eb
#1162eb
rgb(17,98,235)
-
#0860f4
#0860f4
rgb(8,96,244)
Color Blindness Simulator
Below, you can see how #386cc4 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.