#386ba3 Color Information
In a RGB color space, hex #386ba3 is composed of 22% red, 42% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 65.6% cyan, 34.4% magenta, 0% yellow and 36.1% black. It has a hue angle of 211.4 degrees, a saturation of 48.9% and a lightness of 42.9%. #386ba3 color hex could be obtained by blending #70d6ff with #000047. Closest websafe color is: #336699.
-
- R 22
- G 42
- B 64
-
- C 66
- M 34
- Y 0
- K 36
● #386ba3 color description : Dark moderate blue.
#386ba3 Color Conversion
The hexadecimal color #386ba3 has RGB values of R:56, G:107, B:163 and CMYK values of C:0.66, M:0.34, Y:0, K:0.36. Its decimal value is 3697571.
Hex triplet | 386ba3 | #386ba3 |
---|---|---|
RGB Decimal | 56, 107, 163 | rgb(56,107,163) |
RGB Percent | 22, 42, 63.9 | rgb(22%,42%,63.9%) |
CMYK | 66, 34, 0, 36 | |
HSL | 211.4°, 48.9, 42.9 | hsl(211.4,48.9%,42.9%) |
HSV (or HSB) | 211.4°, 65.6, 63.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.232, 1.241, -35.261 |
---|---|
XYZ | 13.498, 14, 36.639 |
xyY | 0.21, 0.218, 14 |
CIE-LCH | 44.232, 35.283, 272.016 |
CIE-LUV | 44.232, -20.644, -52.001 |
Hunter-Lab | 37.416, -1.084, -31.868 |
Binary | 00111000, 01101011, 10100011 |
Color Schemes with #386ba3
Alternatives to #386ba3
Below, you can see some colors close to #386ba3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386ba3 Preview
This text has a font color of #386ba3.
<span style="color:#386ba3;">Text here</span>
This paragraph has a background color of #386ba3.
<p style="background-color:#386ba3;">Content here</p>
This element has a border color of #386ba3.
<div style="border:1px solid #386ba3;">Content here</div>
.text {color:#386ba3;}
.background {background-color:#386ba3;}
.border {border:1px solid #386ba3;}
Shades and Tints of #386ba3
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)
-
#101e2e
#101e2e
rgb(16,30,46)
-
#15283d
#15283d
rgb(21,40,61)
-
#1a314b
#1a314b
rgb(26,49,75)
-
#1f3b5a
#1f3b5a
rgb(31,59,90)
-
#244569
#244569
rgb(36,69,105)
-
#294e77
#294e77
rgb(41,78,119)
-
#2e5886
#2e5886
rgb(46,88,134)
-
#336194
#336194
rgb(51,97,148)
-
#386ba3
#386ba3
rgb(56,107,163)
-
#3d75b2
#3d75b2
rgb(61,117,178)
-
#447ebf
#447ebf
rgb(68,126,191)
-
#5288c4
#5288c4
rgb(82,136,196)
-
#6192c9
#6192c9
rgb(97,146,201)
-
#6f9cce
#6f9cce
rgb(111,156,206)
-
#7ea6d3
#7ea6d3
rgb(126,166,211)
-
#8db0d8
#8db0d8
rgb(141,176,216)
-
#9bbadd
#9bbadd
rgb(155,186,221)
-
#aac4e2
#aac4e2
rgb(170,196,226)
-
#b8cee7
#b8cee7
rgb(184,206,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 #386ba3
A tone is produced by adding gray to any pure hue. In this case, #6b6d70 is the less saturated color, while #0569d6 is the most saturated one.
-
#6b6d70
#6b6d70
rgb(107,109,112)
-
#626d79
#626d79
rgb(98,109,121)
-
#5a6d81
#5a6d81
rgb(90,109,129)
-
#516c8a
#516c8a
rgb(81,108,138)
-
#496c92
#496c92
rgb(73,108,146)
-
#406b9b
#406b9b
rgb(64,107,155)
-
#386ba3
#386ba3
rgb(56,107,163)
-
#306bab
#306bab
rgb(48,107,171)
-
#276ab4
#276ab4
rgb(39,106,180)
-
#1f6abc
#1f6abc
rgb(31,106,188)
-
#1669c5
#1669c5
rgb(22,105,197)
-
#0e69cd
#0e69cd
rgb(14,105,205)
-
#0569d6
#0569d6
rgb(5,105,214)
Color Blindness Simulator
Below, you can see how #386ba3 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.