#386cc1 Color Information
In a RGB color space, hex #386cc1 is composed of 22% red, 42.4% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 71% cyan, 44% magenta, 0% yellow and 24.3% black. It has a hue angle of 217.2 degrees, a saturation of 55% and a lightness of 48.8%. #386cc1 color hex could be obtained by blending #70d8ff with #000083. Closest websafe color is: #3366cc.
-
- R 22
- G 42
- B 76
-
- C 71
- M 44
- Y 0
- K 24
● #386cc1 color description : Moderate blue.
#386cc1 Color Conversion
The hexadecimal color #386cc1 has RGB values of R:56, G:108, B:193 and CMYK values of C:0.71, M:0.44, Y:0, K:0.24. Its decimal value is 3697857.
Hex triplet | 386cc1 | #386cc1 |
---|---|---|
RGB Decimal | 56, 108, 193 | rgb(56,108,193) |
RGB Percent | 22, 42.4, 75.7 | rgb(22%,42.4%,75.7%) |
CMYK | 71, 44, 0, 24 | |
HSL | 217.2°, 55, 48.8 | hsl(217.2,55%,48.8%) |
HSV (or HSB) | 217.2°, 71, 75.7 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 46.197, 11.489, -49.642 |
---|---|
XYZ | 16.617, 15.415, 52.549 |
xyY | 0.196, 0.182, 15.415 |
CIE-LCH | 46.197, 50.954, 283.031 |
CIE-LUV | 46.197, -20.371, -75.788 |
Hunter-Lab | 39.262, 6.839, -51.871 |
Binary | 00111000, 01101100, 11000001 |
Color Schemes with #386cc1
Alternatives to #386cc1
Below, you can see some colors close to #386cc1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386cc1 Preview
This text has a font color of #386cc1.
<span style="color:#386cc1;">Text here</span>
This paragraph has a background color of #386cc1.
<p style="background-color:#386cc1;">Content here</p>
This element has a border color of #386cc1.
<div style="border:1px solid #386cc1;">Content here</div>
.text {color:#386cc1;}
.background {background-color:#386cc1;}
.border {border:1px solid #386cc1;}
Shades and Tints of #386cc1
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, #03060b is the darkest color, while #fafcfe is the lightest one.
-
#03060b
#03060b
rgb(3,6,11)
-
#070e1a
#070e1a
rgb(7,14,26)
-
#0c1729
#0c1729
rgb(12,23,41)
-
#101f38
#101f38
rgb(16,31,56)
-
#152847
#152847
rgb(21,40,71)
-
#193057
#193057
rgb(25,48,87)
-
#1e3966
#1e3966
rgb(30,57,102)
-
#224175
#224175
rgb(34,65,117)
-
#264a84
#264a84
rgb(38,74,132)
-
#2b5293
#2b5293
rgb(43,82,147)
-
#2f5ba3
#2f5ba3
rgb(47,91,163)
-
#3463b2
#3463b2
rgb(52,99,178)
-
#386cc1
#386cc1
rgb(56,108,193)
-
#4476c9
#4476c9
rgb(68,118,201)
-
#5381cd
#5381cd
rgb(83,129,205)
-
#628dd2
#628dd2
rgb(98,141,210)
-
#7298d6
#7298d6
rgb(114,152,214)
-
#81a3da
#81a3da
rgb(129,163,218)
-
#90aedf
#90aedf
rgb(144,174,223)
-
#9fb9e3
#9fb9e3
rgb(159,185,227)
-
#aec4e8
#aec4e8
rgb(174,196,232)
-
#becfec
#becfec
rgb(190,207,236)
-
#cddaf0
#cddaf0
rgb(205,218,240)
-
#dce5f5
#dce5f5
rgb(220,229,245)
-
#ebf0f9
#ebf0f9
rgb(235,240,249)
-
#fafcfe
#fafcfe
rgb(250,252,254)
Tones of #386cc1
A tone is produced by adding gray to any pure hue. In this case, #7b7c7e is the less saturated color, while #0860f1 is the most saturated one.
-
#7b7c7e
#7b7c7e
rgb(123,124,126)
-
#717a88
#717a88
rgb(113,122,136)
-
#687891
#687891
rgb(104,120,145)
-
#5e759b
#5e759b
rgb(94,117,155)
-
#5573a4
#5573a4
rgb(85,115,164)
-
#4b71ae
#4b71ae
rgb(75,113,174)
-
#426eb7
#426eb7
rgb(66,110,183)
-
#386cc1
#386cc1
rgb(56,108,193)
-
#2e6acb
#2e6acb
rgb(46,106,203)
-
#2567d4
#2567d4
rgb(37,103,212)
-
#1b65de
#1b65de
rgb(27,101,222)
-
#1263e7
#1263e7
rgb(18,99,231)
-
#0860f1
#0860f1
rgb(8,96,241)
Color Blindness Simulator
Below, you can see how #386cc1 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.