#386ec3 Color Information
In a RGB color space, hex #386ec3 is composed of 22% red, 43.1% green and 76.5% blue. Whereas in a CMYK color space, it is composed of 71.3% cyan, 43.6% magenta, 0% yellow and 23.5% black. It has a hue angle of 216.7 degrees, a saturation of 55.4% and a lightness of 49.2%. #386ec3 color hex could be obtained by blending #70dcff with #000087. Closest websafe color is: #3366cc.
-
- R 22
- G 43
- B 76
-
- C 71
- M 44
- Y 0
- K 24
● #386ec3 color description : Moderate blue.
#386ec3 Color Conversion
The hexadecimal color #386ec3 has RGB values of R:56, G:110, B:195 and CMYK values of C:0.71, M:0.44, Y:0, K:0.24. Its decimal value is 3698371.
Hex triplet | 386ec3 | #386ec3 |
---|---|---|
RGB Decimal | 56, 110, 195 | rgb(56,110,195) |
RGB Percent | 22, 43.1, 76.5 | rgb(22%,43.1%,76.5%) |
CMYK | 71, 44, 0, 24 | |
HSL | 216.7°, 55.4, 49.2 | hsl(216.7,55.4%,49.2%) |
HSV (or HSB) | 216.7°, 71.3, 76.5 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.885, 10.962, -49.696 |
---|---|
XYZ | 17.055, 15.932, 53.803 |
xyY | 0.197, 0.184, 15.932 |
CIE-LCH | 46.885, 50.89, 282.439 |
CIE-LUV | 46.885, -20.976, -76.096 |
Hunter-Lab | 39.914, 6.421, -51.981 |
Binary | 00111000, 01101110, 11000011 |
Color Schemes with #386ec3
Alternatives to #386ec3
Below, you can see some colors close to #386ec3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386ec3 Preview
This text has a font color of #386ec3.
<span style="color:#386ec3;">Text here</span>
This paragraph has a background color of #386ec3.
<p style="background-color:#386ec3;">Content here</p>
This element has a border color of #386ec3.
<div style="border:1px solid #386ec3;">Content here</div>
.text {color:#386ec3;}
.background {background-color:#386ec3;}
.border {border:1px solid #386ec3;}
Shades and Tints of #386ec3
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, #03070c is the darkest color, while #fcfdfe is the lightest one.
-
#03070c
#03070c
rgb(3,7,12)
-
#080f1b
#080f1b
rgb(8,15,27)
-
#0c182b
#0c182b
rgb(12,24,43)
-
#11213a
#11213a
rgb(17,33,58)
-
#152949
#152949
rgb(21,41,73)
-
#193258
#193258
rgb(25,50,88)
-
#1e3a68
#1e3a68
rgb(30,58,104)
-
#224377
#224377
rgb(34,67,119)
-
#264c86
#264c86
rgb(38,76,134)
-
#2b5495
#2b5495
rgb(43,84,149)
-
#2f5da5
#2f5da5
rgb(47,93,165)
-
#3465b4
#3465b4
rgb(52,101,180)
-
#386ec3
#386ec3
rgb(56,110,195)
-
#4579ca
#4579ca
rgb(69,121,202)
-
#5484ce
#5484ce
rgb(84,132,206)
-
#648fd2
#648fd2
rgb(100,143,210)
-
#739ad7
#739ad7
rgb(115,154,215)
-
#82a5db
#82a5db
rgb(130,165,219)
-
#91b0df
#91b0df
rgb(145,176,223)
-
#a0bbe4
#a0bbe4
rgb(160,187,228)
-
#b0c6e8
#b0c6e8
rgb(176,198,232)
-
#bfd1ed
#bfd1ed
rgb(191,209,237)
-
#cedcf1
#cedcf1
rgb(206,220,241)
-
#dde7f5
#dde7f5
rgb(221,231,245)
-
#edf2fa
#edf2fa
rgb(237,242,250)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #386ec3
A tone is produced by adding gray to any pure hue. In this case, #7c7d7f is the less saturated color, while #0863f3 is the most saturated one.
-
#7c7d7f
#7c7d7f
rgb(124,125,127)
-
#727b89
#727b89
rgb(114,123,137)
-
#687993
#687993
rgb(104,121,147)
-
#5f779c
#5f779c
rgb(95,119,156)
-
#5574a6
#5574a6
rgb(85,116,166)
-
#4b72b0
#4b72b0
rgb(75,114,176)
-
#4270b9
#4270b9
rgb(66,112,185)
-
#386ec3
#386ec3
rgb(56,110,195)
-
#2e6ccd
#2e6ccd
rgb(46,108,205)
-
#256ad6
#256ad6
rgb(37,106,214)
-
#1b68e0
#1b68e0
rgb(27,104,224)
-
#1165ea
#1165ea
rgb(17,101,234)
-
#0863f3
#0863f3
rgb(8,99,243)
Color Blindness Simulator
Below, you can see how #386ec3 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.