#396ff5 Color Information
In a RGB color space, hex #396ff5 is composed of 22.4% red, 43.5% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 76.7% cyan, 54.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 222.8 degrees, a saturation of 90.4% and a lightness of 59.2%. #396ff5 color hex could be obtained by blending #72deff with #0000eb. Closest websafe color is: #3366ff.
-
- R 22
- G 44
- B 96
-
- C 77
- M 55
- Y 0
- K 4
● #396ff5 color description : Bright blue.
#396ff5 Color Conversion
The hexadecimal color #396ff5 has RGB values of R:57, G:111, B:245 and CMYK values of C:0.77, M:0.55, Y:0, K:0.04. Its decimal value is 3764213.
Hex triplet | 396ff5 | #396ff5 |
---|---|---|
RGB Decimal | 57, 111, 245 | rgb(57,111,245) |
RGB Percent | 22.4, 43.5, 96.1 | rgb(22.4%,43.5%,96.1%) |
CMYK | 77, 55, 0, 4 | |
HSL | 222.8°, 90.4, 59.2 | hsl(222.8,90.4%,59.2%) |
HSV (or HSB) | 222.8°, 76.7, 96.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 50.487, 28.786, -72.197 |
---|---|
XYZ | 23.85, 18.83, 88.759 |
xyY | 0.181, 0.143, 18.83 |
CIE-LCH | 50.487, 77.724, 291.738 |
CIE-LUV | 50.487, -20.494, -113.127 |
Hunter-Lab | 43.393, 22.169, -90.9 |
Binary | 00111001, 01101111, 11110101 |
Color Schemes with #396ff5
Alternatives to #396ff5
Below, you can see some colors close to #396ff5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396ff5 Preview
This text has a font color of #396ff5.
<span style="color:#396ff5;">Text here</span>
This paragraph has a background color of #396ff5.
<p style="background-color:#396ff5;">Content here</p>
This element has a border color of #396ff5.
<div style="border:1px solid #396ff5;">Content here</div>
.text {color:#396ff5;}
.background {background-color:#396ff5;}
.border {border:1px solid #396ff5;}
Shades and Tints of #396ff5
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)
-
#041b52
#041b52
rgb(4,27,82)
-
#052165
#052165
rgb(5,33,101)
-
#062777
#062777
rgb(6,39,119)
-
#072d8a
#072d8a
rgb(7,45,138)
-
#08339d
#08339d
rgb(8,51,157)
-
#0939af
#0939af
rgb(9,57,175)
-
#0a3fc2
#0a3fc2
rgb(10,63,194)
-
#0b45d5
#0b45d5
rgb(11,69,213)
-
#0c4be7
#0c4be7
rgb(12,75,231)
-
#1454f3
#1454f3
rgb(20,84,243)
-
#2661f4
#2661f4
rgb(38,97,244)
-
#396ff5
#396ff5
rgb(57,111,245)
-
#4c7df6
#4c7df6
rgb(76,125,246)
-
#5e8af7
#5e8af7
rgb(94,138,247)
-
#7198f8
#7198f8
rgb(113,152,248)
-
#84a5f9
#84a5f9
rgb(132,165,249)
-
#96b3fa
#96b3fa
rgb(150,179,250)
-
#a9c0fb
#a9c0fb
rgb(169,192,251)
-
#bccefc
#bccefc
rgb(188,206,252)
-
#cedcfd
#cedcfd
rgb(206,220,253)
-
#e1e9fd
#e1e9fd
rgb(225,233,253)
-
#f4f7fe
#f4f7fe
rgb(244,247,254)
Tones of #396ff5
A tone is produced by adding gray to any pure hue. In this case, #91949d is the less saturated color, while #316cfd is the most saturated one.
-
#91949d
#91949d
rgb(145,148,157)
-
#8991a5
#8991a5
rgb(137,145,165)
-
#818ead
#818ead
rgb(129,142,173)
-
#798ab5
#798ab5
rgb(121,138,181)
-
#7187bd
#7187bd
rgb(113,135,189)
-
#6983c5
#6983c5
rgb(105,131,197)
-
#6180cd
#6180cd
rgb(97,128,205)
-
#597dd5
#597dd5
rgb(89,125,213)
-
#5179dd
#5179dd
rgb(81,121,221)
-
#4976e5
#4976e5
rgb(73,118,229)
-
#4172ed
#4172ed
rgb(65,114,237)
-
#396ff5
#396ff5
rgb(57,111,245)
-
#316cfd
#316cfd
rgb(49,108,253)
Color Blindness Simulator
Below, you can see how #396ff5 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.