#396cf5 Color Information
In a RGB color space, hex #396cf5 is composed of 22.4% red, 42.4% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 55.9% magenta, 0% yellow and 3.9% black. It has a hue angle of 223.7 degrees, a saturation of 90.4% and a lightness of 59.2%. #396cf5 color hex could be obtained by blending #72d8ff with #0000eb. Closest websafe color is: #3366ff.
-
- R 22
- G 42
- B 96
-
- C 77
- M 56
- Y 0
- K 4
● #396cf5 color description : Bright blue.
#396cf5 Color Conversion
The hexadecimal color #396cf5 has RGB values of R:57, G:108, B:245 and CMYK values of C:0.77, M:0.56, Y:0, K:0.04. Its decimal value is 3763445.
Hex triplet | 396cf5 | #396cf5 |
---|---|---|
RGB Decimal | 57, 108, 245 | rgb(57,108,245) |
RGB Percent | 22.4, 42.4, 96.1 | rgb(22.4%,42.4%,96.1%) |
CMYK | 77, 56, 0, 4 | |
HSL | 223.7°, 90.4, 59.2 | hsl(223.7,90.4%,59.2%) |
HSV (or HSB) | 223.7°, 76.7, 96.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.721, 30.664, -73.443 |
---|---|
XYZ | 23.528, 18.186, 88.651 |
xyY | 0.18, 0.139, 18.186 |
CIE-LCH | 49.721, 79.588, 292.662 |
CIE-LUV | 49.721, -19.69, -114.565 |
Hunter-Lab | 42.645, 23.853, -93.402 |
Binary | 00111001, 01101100, 11110101 |
Color Schemes with #396cf5
Alternatives to #396cf5
Below, you can see some colors close to #396cf5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396cf5 Preview
This text has a font color of #396cf5.
<span style="color:#396cf5;">Text here</span>
This paragraph has a background color of #396cf5.
<p style="background-color:#396cf5;">Content here</p>
This element has a border color of #396cf5.
<div style="border:1px solid #396cf5;">Content here</div>
.text {color:#396cf5;}
.background {background-color:#396cf5;}
.border {border:1px solid #396cf5;}
Shades and Tints of #396cf5
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, #000207 is the darkest color, while #f4f7fe is the lightest one.
-
#000207
#000207
rgb(0,2,7)
-
#01081a
#01081a
rgb(1,8,26)
-
#020e2d
#020e2d
rgb(2,14,45)
-
#03143f
#03143f
rgb(3,20,63)
-
#041952
#041952
rgb(4,25,82)
-
#051f65
#051f65
rgb(5,31,101)
-
#062577
#062577
rgb(6,37,119)
-
#072b8a
#072b8a
rgb(7,43,138)
-
#08309d
#08309d
rgb(8,48,157)
-
#0936af
#0936af
rgb(9,54,175)
-
#0a3cc2
#0a3cc2
rgb(10,60,194)
-
#0b42d5
#0b42d5
rgb(11,66,213)
-
#0c47e7
#0c47e7
rgb(12,71,231)
-
#1450f3
#1450f3
rgb(20,80,243)
-
#265ef4
#265ef4
rgb(38,94,244)
-
#396cf5
#396cf5
rgb(57,108,245)
-
#4c7af6
#4c7af6
rgb(76,122,246)
-
#5e88f7
#5e88f7
rgb(94,136,247)
-
#7196f8
#7196f8
rgb(113,150,248)
-
#84a3f9
#84a3f9
rgb(132,163,249)
-
#96b1fa
#96b1fa
rgb(150,177,250)
-
#a9bffb
#a9bffb
rgb(169,191,251)
-
#bccdfc
#bccdfc
rgb(188,205,252)
-
#cedbfd
#cedbfd
rgb(206,219,253)
-
#e1e9fd
#e1e9fd
rgb(225,233,253)
-
#f4f7fe
#f4f7fe
rgb(244,247,254)
Tones of #396cf5
A tone is produced by adding gray to any pure hue. In this case, #91949d is the less saturated color, while #3168fd is the most saturated one.
-
#91949d
#91949d
rgb(145,148,157)
-
#8991a5
#8991a5
rgb(137,145,165)
-
#818dad
#818dad
rgb(129,141,173)
-
#7989b5
#7989b5
rgb(121,137,181)
-
#7186bd
#7186bd
rgb(113,134,189)
-
#6982c5
#6982c5
rgb(105,130,197)
-
#617ecd
#617ecd
rgb(97,126,205)
-
#597bd5
#597bd5
rgb(89,123,213)
-
#5177dd
#5177dd
rgb(81,119,221)
-
#4973e5
#4973e5
rgb(73,115,229)
-
#4170ed
#4170ed
rgb(65,112,237)
-
#396cf5
#396cf5
rgb(57,108,245)
-
#3168fd
#3168fd
rgb(49,104,253)
Color Blindness Simulator
Below, you can see how #396cf5 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.