#386be4 Color Information
In a RGB color space, hex #386be4 is composed of 22% red, 42% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 75.4% cyan, 53.1% magenta, 0% yellow and 10.6% black. It has a hue angle of 222.2 degrees, a saturation of 76.1% and a lightness of 55.7%. #386be4 color hex could be obtained by blending #70d6ff with #0000c9. Closest websafe color is: #3366cc.
-
- R 22
- G 42
- B 89
-
- C 75
- M 53
- Y 0
- K 11
● #386be4 color description : Bright blue.
#386be4 Color Conversion
The hexadecimal color #386be4 has RGB values of R:56, G:107, B:228 and CMYK values of C:0.75, M:0.53, Y:0, K:0.11. Its decimal value is 3697636.
Hex triplet | 386be4 | #386be4 |
---|---|---|
RGB Decimal | 56, 107, 228 | rgb(56,107,228) |
RGB Percent | 22, 42, 89.4 | rgb(22%,42%,89.4%) |
CMYK | 75, 53, 0, 11 | |
HSL | 222.2°, 76.1, 55.7 | hsl(222.2,76.1%,55.7%) |
HSV (or HSB) | 222.2°, 75.4, 89.4 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 48.205, 24.995, -66.376 |
---|---|
XYZ | 20.889, 16.956, 75.566 |
xyY | 0.184, 0.15, 16.956 |
CIE-LCH | 48.205, 70.926, 290.634 |
CIE-LUV | 48.205, -19.658, -102.961 |
Hunter-Lab | 41.178, 18.491, -79.98 |
Binary | 00111000, 01101011, 11100100 |
Color Schemes with #386be4
Alternatives to #386be4
Below, you can see some colors close to #386be4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386be4 Preview
This text has a font color of #386be4.
<span style="color:#386be4;">Text here</span>
This paragraph has a background color of #386be4.
<p style="background-color:#386be4;">Content here</p>
This element has a border color of #386be4.
<div style="border:1px solid #386be4;">Content here</div>
.text {color:#386be4;}
.background {background-color:#386be4;}
.border {border:1px solid #386be4;}
Shades and Tints of #386be4
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, #010308 is the darkest color, while #f6f8fe is the lightest one.
-
#010308
#010308
rgb(1,3,8)
-
#030a1a
#030a1a
rgb(3,10,26)
-
#06112b
#06112b
rgb(6,17,43)
-
#08183c
#08183c
rgb(8,24,60)
-
#0a1e4d
#0a1e4d
rgb(10,30,77)
-
#0d255f
#0d255f
rgb(13,37,95)
-
#0f2c70
#0f2c70
rgb(15,44,112)
-
#123381
#123381
rgb(18,51,129)
-
#143992
#143992
rgb(20,57,146)
-
#1640a4
#1640a4
rgb(22,64,164)
-
#1947b5
#1947b5
rgb(25,71,181)
-
#1b4ec6
#1b4ec6
rgb(27,78,198)
-
#1d54d8
#1d54d8
rgb(29,84,216)
-
#275ee2
#275ee2
rgb(39,94,226)
-
#386be4
#386be4
rgb(56,107,228)
-
#4978e6
#4978e6
rgb(73,120,230)
-
#5b85e9
#5b85e9
rgb(91,133,233)
-
#6c92eb
#6c92eb
rgb(108,146,235)
-
#7d9eed
#7d9eed
rgb(125,158,237)
-
#8eabf0
#8eabf0
rgb(142,171,240)
-
#a0b8f2
#a0b8f2
rgb(160,184,242)
-
#b1c5f4
#b1c5f4
rgb(177,197,244)
-
#c2d2f7
#c2d2f7
rgb(194,210,247)
-
#d3dff9
#d3dff9
rgb(211,223,249)
-
#e5ebfb
#e5ebfb
rgb(229,235,251)
-
#f6f8fe
#f6f8fe
rgb(246,248,254)
Tones of #386be4
A tone is produced by adding gray to any pure hue. In this case, #868b96 is the less saturated color, while #1e60fe is the most saturated one.
-
#868b96
#868b96
rgb(134,139,150)
-
#7e879e
#7e879e
rgb(126,135,158)
-
#7584a7
#7584a7
rgb(117,132,167)
-
#6c80b0
#6c80b0
rgb(108,128,176)
-
#637db9
#637db9
rgb(99,125,185)
-
#5b79c1
#5b79c1
rgb(91,121,193)
-
#5276ca
#5276ca
rgb(82,118,202)
-
#4972d3
#4972d3
rgb(73,114,211)
-
#416fdb
#416fdb
rgb(65,111,219)
-
#386be4
#386be4
rgb(56,107,228)
-
#2f67ed
#2f67ed
rgb(47,103,237)
-
#2764f5
#2764f5
rgb(39,100,245)
-
#1e60fe
#1e60fe
rgb(30,96,254)
Color Blindness Simulator
Below, you can see how #386be4 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.