#386bfd Color Information
In a RGB color space, hex #386bfd is composed of 22% red, 42% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 77.9% cyan, 57.7% magenta, 0% yellow and 0.8% black. It has a hue angle of 224.5 degrees, a saturation of 98% and a lightness of 60.6%. #386bfd color hex could be obtained by blending #70d6ff with #0000fb. Closest websafe color is: #3366ff.
-
- R 22
- G 42
- B 99
-
- C 78
- M 58
- Y 0
- K 1
● #386bfd color description : Bright blue.
#386bfd Color Conversion
The hexadecimal color #386bfd has RGB values of R:56, G:107, B:253 and CMYK values of C:0.78, M:0.58, Y:0, K:0.01. Its decimal value is 3697661.
Hex triplet | 386bfd | #386bfd |
---|---|---|
RGB Decimal | 56, 107, 253 | rgb(56,107,253) |
RGB Percent | 22, 42, 99.2 | rgb(22%,42%,99.2%) |
CMYK | 78, 58, 0, 1 | |
HSL | 224.5°, 98, 60.6 | hsl(224.5,98%,60.6%) |
HSV (or HSB) | 224.5°, 77.9, 99.2 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 50.033, 34.079, -77.386 |
---|---|
XYZ | 24.614, 18.446, 95.186 |
xyY | 0.178, 0.133, 18.446 |
CIE-LCH | 50.033, 84.557, 293.768 |
CIE-LUV | 50.033, -19.559, -120.623 |
Hunter-Lab | 42.949, 27.139, -101.338 |
Binary | 00111000, 01101011, 11111101 |
Color Schemes with #386bfd
Alternatives to #386bfd
Below, you can see some colors close to #386bfd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#386bfd Preview
This text has a font color of #386bfd.
<span style="color:#386bfd;">Text here</span>
This paragraph has a background color of #386bfd.
<p style="background-color:#386bfd;">Content here</p>
This element has a border color of #386bfd.
<div style="border:1px solid #386bfd;">Content here</div>
.text {color:#386bfd;}
.background {background-color:#386bfd;}
.border {border:1px solid #386bfd;}
Shades and Tints of #386bfd
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, #00040f is the darkest color, while #fafbff is the lightest one.
-
#00040f
#00040f
rgb(0,4,15)
-
#000922
#000922
rgb(0,9,34)
-
#010e35
#010e35
rgb(1,14,53)
-
#011349
#011349
rgb(1,19,73)
-
#01195c
#01195c
rgb(1,25,92)
-
#011e70
#011e70
rgb(1,30,112)
-
#012383
#012383
rgb(1,35,131)
-
#022897
#022897
rgb(2,40,151)
-
#022daa
#022daa
rgb(2,45,170)
-
#0232bd
#0232bd
rgb(2,50,189)
-
#0238d1
#0238d1
rgb(2,56,209)
-
#023de4
#023de4
rgb(2,61,228)
-
#0242f8
#0242f8
rgb(2,66,248)
-
#114efd
#114efd
rgb(17,78,253)
-
#255dfd
#255dfd
rgb(37,93,253)
-
#386bfd
#386bfd
rgb(56,107,253)
-
#4b79fd
#4b79fd
rgb(75,121,253)
-
#5f88fd
#5f88fd
rgb(95,136,253)
-
#7296fe
#7296fe
rgb(114,150,254)
-
#86a5fe
#86a5fe
rgb(134,165,254)
-
#99b3fe
#99b3fe
rgb(153,179,254)
-
#adc2fe
#adc2fe
rgb(173,194,254)
-
#c0d0fe
#c0d0fe
rgb(192,208,254)
-
#d3dfff
#d3dfff
rgb(211,223,255)
-
#e7edff
#e7edff
rgb(231,237,255)
-
#fafbff
#fafbff
rgb(250,251,255)
Tones of #386bfd
A tone is produced by adding gray to any pure hue. In this case, #9598a0 is the less saturated color, while #386bfd is the most saturated one.
-
#9598a0
#9598a0
rgb(149,152,160)
-
#8d94a8
#8d94a8
rgb(141,148,168)
-
#8590b0
#8590b0
rgb(133,144,176)
-
#7e8db7
#7e8db7
rgb(126,141,183)
-
#7689bf
#7689bf
rgb(118,137,191)
-
#6e85c7
#6e85c7
rgb(110,133,199)
-
#6681cf
#6681cf
rgb(102,129,207)
-
#5f7ed6
#5f7ed6
rgb(95,126,214)
-
#577ade
#577ade
rgb(87,122,222)
-
#4f76e6
#4f76e6
rgb(79,118,230)
-
#4772ee
#4772ee
rgb(71,114,238)
-
#406ff5
#406ff5
rgb(64,111,245)
-
#386bfd
#386bfd
rgb(56,107,253)
Color Blindness Simulator
Below, you can see how #386bfd 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.