#396ff1 Color Information
In a RGB color space, hex #396ff1 is composed of 22.4% red, 43.5% green and 94.5% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 53.9% magenta, 0% yellow and 5.5% black. It has a hue angle of 222.4 degrees, a saturation of 86.8% and a lightness of 58.4%. #396ff1 color hex could be obtained by blending #72deff with #0000e3. Closest websafe color is: #3366ff.
-
- R 22
- G 44
- B 95
-
- C 76
- M 54
- Y 0
- K 5
● #396ff1 color description : Bright blue.
#396ff1 Color Conversion
The hexadecimal color #396ff1 has RGB values of R:57, G:111, B:241 and CMYK values of C:0.76, M:0.54, Y:0, K:0.05. Its decimal value is 3764209.
Hex triplet | 396ff1 | #396ff1 |
---|---|---|
RGB Decimal | 57, 111, 241 | rgb(57,111,241) |
RGB Percent | 22.4, 43.5, 94.5 | rgb(22.4%,43.5%,94.5%) |
CMYK | 76, 54, 0, 5 | |
HSL | 222.4°, 86.8, 58.4 | hsl(222.4,86.8%,58.4%) |
HSV (or HSB) | 222.4°, 76.3, 94.5 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 50.202, 27.331, -70.43 |
---|---|
XYZ | 23.246, 18.588, 85.577 |
xyY | 0.182, 0.146, 18.588 |
CIE-LCH | 50.202, 75.547, 291.209 |
CIE-LUV | 50.202, -20.52, -110.265 |
Hunter-Lab | 43.114, 20.793, -87.506 |
Binary | 00111001, 01101111, 11110001 |
Color Schemes with #396ff1
Alternatives to #396ff1
Below, you can see some colors close to #396ff1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396ff1 Preview
This text has a font color of #396ff1.
<span style="color:#396ff1;">Text here</span>
This paragraph has a background color of #396ff1.
<p style="background-color:#396ff1;">Content here</p>
This element has a border color of #396ff1.
<div style="border:1px solid #396ff1;">Content here</div>
.text {color:#396ff1;}
.background {background-color:#396ff1;}
.border {border:1px solid #396ff1;}
Shades and Tints of #396ff1
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, #000104 is the darkest color, while #f0f4fe is the lightest one.
-
#000104
#000104
rgb(0,1,4)
-
#020816
#020816
rgb(2,8,22)
-
#030e28
#030e28
rgb(3,14,40)
-
#04143a
#04143a
rgb(4,20,58)
-
#051a4d
#051a4d
rgb(5,26,77)
-
#07215f
#07215f
rgb(7,33,95)
-
#082771
#082771
rgb(8,39,113)
-
#092d84
#092d84
rgb(9,45,132)
-
#0b3496
#0b3496
rgb(11,52,150)
-
#0c3aa8
#0c3aa8
rgb(12,58,168)
-
#0d40bb
#0d40bb
rgb(13,64,187)
-
#0e46cd
#0e46cd
rgb(14,70,205)
-
#104ddf
#104ddf
rgb(16,77,223)
-
#1454ee
#1454ee
rgb(20,84,238)
-
#2762f0
#2762f0
rgb(39,98,240)
-
#396ff1
#396ff1
rgb(57,111,241)
-
#4b7cf2
#4b7cf2
rgb(75,124,242)
-
#5e8af4
#5e8af4
rgb(94,138,244)
-
#7097f5
#7097f5
rgb(112,151,245)
-
#82a4f6
#82a4f6
rgb(130,164,246)
-
#95b2f7
#95b2f7
rgb(149,178,247)
-
#a7bff9
#a7bff9
rgb(167,191,249)
-
#b9ccfa
#b9ccfa
rgb(185,204,250)
-
#ccdafb
#ccdafb
rgb(204,218,251)
-
#dee7fd
#dee7fd
rgb(222,231,253)
-
#f0f4fe
#f0f4fe
rgb(240,244,254)
Tones of #396ff1
A tone is produced by adding gray to any pure hue. In this case, #939497 is the less saturated color, while #316cf9 is the most saturated one.
-
#939497
#939497
rgb(147,148,151)
-
#8b919f
#8b919f
rgb(139,145,159)
-
#828da8
#828da8
rgb(130,141,168)
-
#7a8ab0
#7a8ab0
rgb(122,138,176)
-
#7287b8
#7287b8
rgb(114,135,184)
-
#6a83c0
#6a83c0
rgb(106,131,192)
-
#6280c8
#6280c8
rgb(98,128,200)
-
#5a7cd0
#5a7cd0
rgb(90,124,208)
-
#5179d9
#5179d9
rgb(81,121,217)
-
#4976e1
#4976e1
rgb(73,118,225)
-
#4172e9
#4172e9
rgb(65,114,233)
-
#396ff1
#396ff1
rgb(57,111,241)
-
#316cf9
#316cf9
rgb(49,108,249)
Color Blindness Simulator
Below, you can see how #396ff1 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.