#386aa0 Color Information
In a RGB color space, hex #386aa0 is composed of 22% red, 41.6% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 33.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 211.2 degrees, a saturation of 48.1% and a lightness of 42.4%. #386aa0 color hex could be obtained by blending #70d4ff with #000041. Closest websafe color is: #336699.
-
- R 22
- G 42
- B 63
-
- C 65
- M 34
- Y 0
- K 37
● #386aa0 color description : Dark moderate blue.
#386aa0 Color Conversion
The hexadecimal color #386aa0 has RGB values of R:56, G:106, B:160 and CMYK values of C:0.65, M:0.34, Y:0, K:0.37. Its decimal value is 3697312.
Hex triplet | 386aa0 | #386aa0 |
---|---|---|
RGB Decimal | 56, 106, 160 | rgb(56,106,160) |
RGB Percent | 22, 41.6, 62.7 | rgb(22%,41.6%,62.7%) |
CMYK | 65, 34, 0, 37 | |
HSL | 211.2°, 48.1, 42.4 | hsl(211.2,48.1%,42.4%) |
HSV (or HSB) | 211.2°, 65, 62.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 43.779, 0.793, -34.204 |
---|---|
XYZ | 13.129, 13.686, 35.206 |
xyY | 0.212, 0.221, 13.686 |
CIE-LCH | 43.779, 34.213, 271.328 |
CIE-LUV | 43.779, -20.361, -50.204 |
Hunter-Lab | 36.995, -1.395, -30.527 |
Binary | 00111000, 01101010, 10100000 |
Color Schemes with #386aa0
Alternatives to #386aa0
Below, you can see some colors close to #386aa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386aa0 Preview
This text has a font color of #386aa0.
<span style="color:#386aa0;">Text here</span>
This paragraph has a background color of #386aa0.
<p style="background-color:#386aa0;">Content here</p>
This element has a border color of #386aa0.
<div style="border:1px solid #386aa0;">Content here</div>
.text {color:#386aa0;}
.background {background-color:#386aa0;}
.border {border:1px solid #386aa0;}
Shades and Tints of #386aa0
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, #000000 is the darkest color, while #f1f5fa is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#050a0f
#050a0f
rgb(5,10,15)
-
#0a131d
#0a131d
rgb(10,19,29)
-
#0f1d2c
#0f1d2c
rgb(15,29,44)
-
#14273a
#14273a
rgb(20,39,58)
-
#193049
#193049
rgb(25,48,73)
-
#1f3a57
#1f3a57
rgb(31,58,87)
-
#244366
#244366
rgb(36,67,102)
-
#294d74
#294d74
rgb(41,77,116)
-
#2e5783
#2e5783
rgb(46,87,131)
-
#336091
#336091
rgb(51,96,145)
-
#386aa0
#386aa0
rgb(56,106,160)
-
#3d74af
#3d74af
rgb(61,116,175)
-
#427dbd
#427dbd
rgb(66,125,189)
-
#5187c2
#5187c2
rgb(81,135,194)
-
#5f91c7
#5f91c7
rgb(95,145,199)
-
#6e9bcc
#6e9bcc
rgb(110,155,204)
-
#7ca5d1
#7ca5d1
rgb(124,165,209)
-
#8bafd6
#8bafd6
rgb(139,175,214)
-
#99b9db
#99b9db
rgb(153,185,219)
-
#a8c3e1
#a8c3e1
rgb(168,195,225)
-
#b7cde6
#b7cde6
rgb(183,205,230)
-
#c5d7eb
#c5d7eb
rgb(197,215,235)
-
#d4e1f0
#d4e1f0
rgb(212,225,240)
-
#e2ebf5
#e2ebf5
rgb(226,235,245)
-
#f1f5fa
#f1f5fa
rgb(241,245,250)
Tones of #386aa0
A tone is produced by adding gray to any pure hue. In this case, #6a6c6e is the less saturated color, while #0668d2 is the most saturated one.
-
#6a6c6e
#6a6c6e
rgb(106,108,110)
-
#626c76
#626c76
rgb(98,108,118)
-
#596b7f
#596b7f
rgb(89,107,127)
-
#516b87
#516b87
rgb(81,107,135)
-
#496b8f
#496b8f
rgb(73,107,143)
-
#406a98
#406a98
rgb(64,106,152)
-
#386aa0
#386aa0
rgb(56,106,160)
-
#306aa8
#306aa8
rgb(48,106,168)
-
#2769b1
#2769b1
rgb(39,105,177)
-
#1f69b9
#1f69b9
rgb(31,105,185)
-
#1769c1
#1769c1
rgb(23,105,193)
-
#0e68ca
#0e68ca
rgb(14,104,202)
-
#0668d2
#0668d2
rgb(6,104,210)
Color Blindness Simulator
Below, you can see how #386aa0 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.