#386afe Color Information
In a RGB color space, hex #386afe is composed of 22% red, 41.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 58.3% magenta, 0% yellow and 0.4% black. It has a hue angle of 224.8 degrees, a saturation of 99% and a lightness of 60.8%. #386afe color hex could be obtained by blending #70d4ff with #0000fd. Closest websafe color is: #3366ff.
-
- R 22
- G 42
- B 100
-
- C 78
- M 58
- Y 0
- K 0
● #386afe color description : Bright blue.
#386afe Color Conversion
The hexadecimal color #386afe has RGB values of R:56, G:106, B:254 and CMYK values of C:0.78, M:0.58, Y:0, K:0. Its decimal value is 3697406.
Hex triplet | 386afe | #386afe |
---|---|---|
RGB Decimal | 56, 106, 254 | rgb(56,106,254) |
RGB Percent | 22, 41.6, 99.6 | rgb(22%,41.6%,99.6%) |
CMYK | 78, 58, 0, 0 | |
HSL | 224.8°, 99, 60.8 | hsl(224.8,99%,60.8%) |
HSV (or HSB) | 224.8°, 78, 99.6 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.861, 35.061, -78.22 |
---|---|
XYZ | 24.671, 18.303, 95.993 |
xyY | 0.178, 0.132, 18.303 |
CIE-LCH | 49.861, 85.718, 294.143 |
CIE-LUV | 49.861, -19.305, -121.735 |
Hunter-Lab | 42.782, 28.066, -103.087 |
Binary | 00111000, 01101010, 11111110 |
Color Schemes with #386afe
Alternatives to #386afe
Below, you can see some colors close to #386afe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386afe Preview
This text has a font color of #386afe.
<span style="color:#386afe;">Text here</span>
This paragraph has a background color of #386afe.
<p style="background-color:#386afe;">Content here</p>
This element has a border color of #386afe.
<div style="border:1px solid #386afe;">Content here</div>
.text {color:#386afe;}
.background {background-color:#386afe;}
.border {border:1px solid #386afe;}
Shades and Tints of #386afe
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, #000410 is the darkest color, while #fbfcff is the lightest one.
-
#000410
#000410
rgb(0,4,16)
-
#000923
#000923
rgb(0,9,35)
-
#000e37
#000e37
rgb(0,14,55)
-
#00134a
#00134a
rgb(0,19,74)
-
#00185e
#00185e
rgb(0,24,94)
-
#011d71
#011d71
rgb(1,29,113)
-
#012285
#012285
rgb(1,34,133)
-
#012798
#012798
rgb(1,39,152)
-
#012cac
#012cac
rgb(1,44,172)
-
#0131bf
#0131bf
rgb(1,49,191)
-
#0136d3
#0136d3
rgb(1,54,211)
-
#013be6
#013be6
rgb(1,59,230)
-
#0140fa
#0140fa
rgb(1,64,250)
-
#114dfe
#114dfe
rgb(17,77,254)
-
#245bfe
#245bfe
rgb(36,91,254)
-
#386afe
#386afe
rgb(56,106,254)
-
#4c79fe
#4c79fe
rgb(76,121,254)
-
#5f87fe
#5f87fe
rgb(95,135,254)
-
#7396fe
#7396fe
rgb(115,150,254)
-
#86a4fe
#86a4fe
rgb(134,164,254)
-
#9ab3fe
#9ab3fe
rgb(154,179,254)
-
#adc2ff
#adc2ff
rgb(173,194,255)
-
#c1d0ff
#c1d0ff
rgb(193,208,255)
-
#d4dfff
#d4dfff
rgb(212,223,255)
-
#e8eeff
#e8eeff
rgb(232,238,255)
-
#fbfcff
#fbfcff
rgb(251,252,255)
Tones of #386afe
A tone is produced by adding gray to any pure hue. In this case, #9498a2 is the less saturated color, while #386afe is the most saturated one.
-
#9498a2
#9498a2
rgb(148,152,162)
-
#8d94a9
#8d94a9
rgb(141,148,169)
-
#8590b1
#8590b1
rgb(133,144,177)
-
#7d8cb9
#7d8cb9
rgb(125,140,185)
-
#7688c0
#7688c0
rgb(118,136,192)
-
#6e85c8
#6e85c8
rgb(110,133,200)
-
#6681d0
#6681d0
rgb(102,129,208)
-
#5e7dd8
#5e7dd8
rgb(94,125,216)
-
#5779df
#5779df
rgb(87,121,223)
-
#4f75e7
#4f75e7
rgb(79,117,231)
-
#4772ef
#4772ef
rgb(71,114,239)
-
#406ef6
#406ef6
rgb(64,110,246)
-
#386afe
#386afe
rgb(56,106,254)
Color Blindness Simulator
Below, you can see how #386afe 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.