#386ca3 Color Information
In a RGB color space, hex #386ca3 is composed of 22% red, 42.4% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 33.7% magenta, 0% yellow and 36.1% black. It has a hue angle of 210.8 degrees, a saturation of 48.9% and a lightness of 42.9%. #386ca3 color hex could be obtained by blending #70d8ff with #000047. Closest websafe color is: #336699.
-
- R 22
- G 42
- B 64
-
- C 66
- M 34
- Y 0
- K 36
● #386ca3 color description : Dark moderate blue.
#386ca3 Color Conversion
The hexadecimal color #386ca3 has RGB values of R:56, G:108, B:163 and CMYK values of C:0.66, M:0.34, Y:0, K:0.36. Its decimal value is 3697827.
Hex triplet | 386ca3 | #386ca3 |
---|---|---|
RGB Decimal | 56, 108, 163 | rgb(56,108,163) |
RGB Percent | 22, 42.4, 63.9 | rgb(22%,42.4%,63.9%) |
CMYK | 66, 34, 0, 36 | |
HSL | 210.8°, 48.9, 42.9 | hsl(210.8,48.9%,42.9%) |
HSV (or HSB) | 210.8°, 65.6, 63.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.532, 0.625, -34.789 |
---|---|
XYZ | 13.603, 14.209, 36.674 |
xyY | 0.211, 0.22, 14.209 |
CIE-LCH | 44.532, 34.795, 271.029 |
CIE-LUV | 44.532, -20.997, -51.288 |
Hunter-Lab | 37.695, -1.553, -31.297 |
Binary | 00111000, 01101100, 10100011 |
Color Schemes with #386ca3
Alternatives to #386ca3
Below, you can see some colors close to #386ca3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386ca3 Preview
This text has a font color of #386ca3.
<span style="color:#386ca3;">Text here</span>
This paragraph has a background color of #386ca3.
<p style="background-color:#386ca3;">Content here</p>
This element has a border color of #386ca3.
<div style="border:1px solid #386ca3;">Content here</div>
.text {color:#386ca3;}
.background {background-color:#386ca3;}
.border {border:1px solid #386ca3;}
Shades and Tints of #386ca3
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, #010202 is the darkest color, while #f3f7fb is the lightest one.
-
#010202
#010202
rgb(1,2,2)
-
#060b11
#060b11
rgb(6,11,17)
-
#0b1520
#0b1520
rgb(11,21,32)
-
#101f2e
#101f2e
rgb(16,31,46)
-
#15283d
#15283d
rgb(21,40,61)
-
#1a324b
#1a324b
rgb(26,50,75)
-
#1f3c5a
#1f3c5a
rgb(31,60,90)
-
#244569
#244569
rgb(36,69,105)
-
#294f77
#294f77
rgb(41,79,119)
-
#2e5986
#2e5986
rgb(46,89,134)
-
#336294
#336294
rgb(51,98,148)
-
#386ca3
#386ca3
rgb(56,108,163)
-
#3d76b2
#3d76b2
rgb(61,118,178)
-
#447fbf
#447fbf
rgb(68,127,191)
-
#5289c4
#5289c4
rgb(82,137,196)
-
#6193c9
#6193c9
rgb(97,147,201)
-
#6f9dce
#6f9dce
rgb(111,157,206)
-
#7ea7d3
#7ea7d3
rgb(126,167,211)
-
#8db1d8
#8db1d8
rgb(141,177,216)
-
#9bbbdd
#9bbbdd
rgb(155,187,221)
-
#aac5e2
#aac5e2
rgb(170,197,226)
-
#b8cfe7
#b8cfe7
rgb(184,207,231)
-
#c7d9ec
#c7d9ec
rgb(199,217,236)
-
#d6e3f1
#d6e3f1
rgb(214,227,241)
-
#e4edf6
#e4edf6
rgb(228,237,246)
-
#f3f7fb
#f3f7fb
rgb(243,247,251)
Tones of #386ca3
A tone is produced by adding gray to any pure hue. In this case, #6b6d70 is the less saturated color, while #056bd6 is the most saturated one.
-
#6b6d70
#6b6d70
rgb(107,109,112)
-
#626d79
#626d79
rgb(98,109,121)
-
#5a6d81
#5a6d81
rgb(90,109,129)
-
#516d8a
#516d8a
rgb(81,109,138)
-
#496c92
#496c92
rgb(73,108,146)
-
#406c9b
#406c9b
rgb(64,108,155)
-
#386ca3
#386ca3
rgb(56,108,163)
-
#306cab
#306cab
rgb(48,108,171)
-
#276cb4
#276cb4
rgb(39,108,180)
-
#1f6bbc
#1f6bbc
rgb(31,107,188)
-
#166bc5
#166bc5
rgb(22,107,197)
-
#0e6bcd
#0e6bcd
rgb(14,107,205)
-
#056bd6
#056bd6
rgb(5,107,214)
Color Blindness Simulator
Below, you can see how #386ca3 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.