#386ae5 Color Information
In a RGB color space, hex #386ae5 is composed of 22% red, 41.6% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 75.5% cyan, 53.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 222.7 degrees, a saturation of 76.9% and a lightness of 55.9%. #386ae5 color hex could be obtained by blending #70d4ff with #0000cb. Closest websafe color is: #3366cc.
-
- R 22
- G 42
- B 90
-
- C 76
- M 54
- Y 0
- K 10
● #386ae5 color description : Bright blue.
#386ae5 Color Conversion
The hexadecimal color #386ae5 has RGB values of R:56, G:106, B:229 and CMYK values of C:0.76, M:0.54, Y:0, K:0.1. Its decimal value is 3697381.
Hex triplet | 386ae5 | #386ae5 |
---|---|---|
RGB Decimal | 56, 106, 229 | rgb(56,106,229) |
RGB Percent | 22, 41.6, 89.8 | rgb(22%,41.6%,89.8%) |
CMYK | 76, 54, 0, 10 | |
HSL | 222.7°, 76.9, 55.9 | hsl(222.7,76.9%,55.9%) |
HSV (or HSB) | 222.7°, 75.5, 89.8 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 48.013, 25.993, -67.251 |
---|---|
XYZ | 20.925, 16.804, 76.265 |
xyY | 0.184, 0.147, 16.804 |
CIE-LCH | 48.013, 72.099, 291.132 |
CIE-LUV | 48.013, -19.373, -104.194 |
Hunter-Lab | 40.993, 19.376, -81.61 |
Binary | 00111000, 01101010, 11100101 |
Color Schemes with #386ae5
Alternatives to #386ae5
Below, you can see some colors close to #386ae5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386ae5 Preview
This text has a font color of #386ae5.
<span style="color:#386ae5;">Text here</span>
This paragraph has a background color of #386ae5.
<p style="background-color:#386ae5;">Content here</p>
This element has a border color of #386ae5.
<div style="border:1px solid #386ae5;">Content here</div>
.text {color:#386ae5;}
.background {background-color:#386ae5;}
.border {border:1px solid #386ae5;}
Shades and Tints of #386ae5
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, #010409 is the darkest color, while #f7f9fe is the lightest one.
-
#010409
#010409
rgb(1,4,9)
-
#030a1b
#030a1b
rgb(3,10,27)
-
#06112c
#06112c
rgb(6,17,44)
-
#08173d
#08173d
rgb(8,23,61)
-
#0a1e4f
#0a1e4f
rgb(10,30,79)
-
#0d2560
#0d2560
rgb(13,37,96)
-
#0f2b71
#0f2b71
rgb(15,43,113)
-
#113283
#113283
rgb(17,50,131)
-
#133994
#133994
rgb(19,57,148)
-
#163fa5
#163fa5
rgb(22,63,165)
-
#1846b7
#1846b7
rgb(24,70,183)
-
#1a4cc8
#1a4cc8
rgb(26,76,200)
-
#1c53d9
#1c53d9
rgb(28,83,217)
-
#275de3
#275de3
rgb(39,93,227)
-
#386ae5
#386ae5
rgb(56,106,229)
-
#4977e7
#4977e7
rgb(73,119,231)
-
#5b84ea
#5b84ea
rgb(91,132,234)
-
#6c91ec
#6c91ec
rgb(108,145,236)
-
#7d9eee
#7d9eee
rgb(125,158,238)
-
#8fabf0
#8fabf0
rgb(143,171,240)
-
#a0b8f3
#a0b8f3
rgb(160,184,243)
-
#b1c5f5
#b1c5f5
rgb(177,197,245)
-
#c3d2f7
#c3d2f7
rgb(195,210,247)
-
#d4dff9
#d4dff9
rgb(212,223,249)
-
#e5ecfc
#e5ecfc
rgb(229,236,252)
-
#f7f9fe
#f7f9fe
rgb(247,249,254)
Tones of #386ae5
A tone is produced by adding gray to any pure hue. In this case, #868b97 is the less saturated color, while #1e5fff is the most saturated one.
-
#868b97
#868b97
rgb(134,139,151)
-
#7d87a0
#7d87a0
rgb(125,135,160)
-
#7584a8
#7584a8
rgb(117,132,168)
-
#6c80b1
#6c80b1
rgb(108,128,177)
-
#637cba
#637cba
rgb(99,124,186)
-
#5b79c2
#5b79c2
rgb(91,121,194)
-
#5275cb
#5275cb
rgb(82,117,203)
-
#4971d4
#4971d4
rgb(73,113,212)
-
#416edc
#416edc
rgb(65,110,220)
-
#386ae5
#386ae5
rgb(56,106,229)
-
#2f66ee
#2f66ee
rgb(47,102,238)
-
#2763f6
#2763f6
rgb(39,99,246)
-
#1e5fff
#1e5fff
rgb(30,95,255)
Color Blindness Simulator
Below, you can see how #386ae5 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.