#386ac2 color information
In a RGB color space, hex #386ac2 is composed of 22% red, 41.6% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 71.1% cyan, 45.4% magenta, 0% yellow and 23.9% black. It has a hue angle of 218.3 degrees, a saturation of 55.2% and a lightness of 49%. #386ac2 color hex could be obtained by blending #70d4ff with #000085. Closest websafe color is: #3366cc.
#386ac2 color conversion
The hexadecimal color #386ac2 has RGB values of R:56, G:106, B:194 and CMYK values of C:0.71, M:0.45, Y:0, K:0.24. Its decimal value is 3697346.
- Hex triplet 386ac2
#386ac2 - RGB Decimal 56, 106, 194
rgb(56,106,194) - RGB Percent 22, 41.6, 76.1
rgb(22%,41.6%,76.1%) - CMYK 71, 45, 0, 24
- HSL 218.3°, 55.2, 49
hsl(218,55%,49%) - HSV (or HSB) 218.3°, 71.1, 76.1
- Web Safe 3366cc
#3366cc
- CIE-LAB 45.693, 13.122, -51.028
- XYZ 16.52, 15.043, 53.069
- xyY 0.195, 0.178, 15.043
- CIE-LCH 45.693, 52.688, 284.421
- CIE-LUV 45.693, -19.72, -77.832
- Hunter-Lab 38.785, 8.158, -53.976
- Binary 00111000, 01101010, 11000010
Color Schemes with #386ac2
#386ac2 in action
This text has a font color of #386ac2.
<span style="color:#386ac2;">Text here</span>
This paragraph has a background color of #386ac2.
<p style="background-color:#386ac2;">Content here</p>
This element has a border color of #386ac2.
<div style="border:1px solid #386ac2;">Content here</div>
.text {color:#386ac2;}
.background {background-color:#386ac2;}
.border {border:1px solid #386ac2;}
Shades of #386ac2
- #03060b #03060b
rgb(3,6,11) - #0c172a #0c172a
rgb(12,23,42) - #152748 #152748
rgb(21,39,72) - #1e3867 #1e3867
rgb(30,56,103) - #264985 #264985
rgb(38,73,133) - #2f59a4 #2f59a4
rgb(47,89,164) - #386ac2 #386ac2
rgb(56,106,194) - #5480ce #5480ce
rgb(84,128,206) - #7296d6 #7296d6
rgb(114,150,214) - #91addf #91addf
rgb(145,173,223) - #afc4e8 #afc4e8
rgb(175,196,232) - #cddaf1 #cddaf1
rgb(205,218,241) - #ecf1f9 #ecf1f9
rgb(236,241,249)
Color Blindness Simulator
Below, you can see how #386ac2 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.
