#396ff2 Color Information
In a RGB color space, hex #396ff2 is composed of 22.4% red, 43.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 76.4% cyan, 54.1% magenta, 0% yellow and 5.1% black. It has a hue angle of 222.5 degrees, a saturation of 87.7% and a lightness of 58.6%. #396ff2 color hex could be obtained by blending #72deff with #0000e5. Closest websafe color is: #3366ff.
-
- R 22
- G 44
- B 95
-
- C 76
- M 54
- Y 0
- K 5
● #396ff2 color description : Bright blue.
#396ff2 Color Conversion
The hexadecimal color #396ff2 has RGB values of R:57, G:111, B:242 and CMYK values of C:0.76, M:0.54, Y:0, K:0.05. Its decimal value is 3764210.
Hex triplet | 396ff2 | #396ff2 |
---|---|---|
RGB Decimal | 57, 111, 242 | rgb(57,111,242) |
RGB Percent | 22.4, 43.5, 94.9 | rgb(22.4%,43.5%,94.9%) |
CMYK | 76, 54, 0, 5 | |
HSL | 222.5°, 87.7, 58.6 | hsl(222.5,87.7%,58.6%) |
HSV (or HSB) | 222.5°, 76.4, 94.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 50.273, 27.695, -70.873 |
---|---|
XYZ | 23.395, 18.648, 86.366 |
xyY | 0.182, 0.145, 18.648 |
CIE-LCH | 50.273, 76.092, 291.344 |
CIE-LUV | 50.273, -20.513, -110.983 |
Hunter-Lab | 43.183, 21.136, -88.351 |
Binary | 00111001, 01101111, 11110010 |
Color Schemes with #396ff2
Alternatives to #396ff2
Below, you can see some colors close to #396ff2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396ff2 Preview
This text has a font color of #396ff2.
<span style="color:#396ff2;">Text here</span>
This paragraph has a background color of #396ff2.
<p style="background-color:#396ff2;">Content here</p>
This element has a border color of #396ff2.
<div style="border:1px solid #396ff2;">Content here</div>
.text {color:#396ff2;}
.background {background-color:#396ff2;}
.border {border:1px solid #396ff2;}
Shades and Tints of #396ff2
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, #000204 is the darkest color, while #f1f5fe is the lightest one.
-
#000204
#000204
rgb(0,2,4)
-
#020817
#020817
rgb(2,8,23)
-
#030e29
#030e29
rgb(3,14,41)
-
#04143c
#04143c
rgb(4,20,60)
-
#051a4e
#051a4e
rgb(5,26,78)
-
#062161
#062161
rgb(6,33,97)
-
#082773
#082773
rgb(8,39,115)
-
#092d85
#092d85
rgb(9,45,133)
-
#0a3398
#0a3398
rgb(10,51,152)
-
#0b3aaa
#0b3aaa
rgb(11,58,170)
-
#0c40bd
#0c40bd
rgb(12,64,189)
-
#0e46cf
#0e46cf
rgb(14,70,207)
-
#0f4ce1
#0f4ce1
rgb(15,76,225)
-
#1454f0
#1454f0
rgb(20,84,240)
-
#2762f1
#2762f1
rgb(39,98,241)
-
#396ff2
#396ff2
rgb(57,111,242)
-
#4b7cf3
#4b7cf3
rgb(75,124,243)
-
#5e8af4
#5e8af4
rgb(94,138,244)
-
#7097f6
#7097f6
rgb(112,151,246)
-
#83a5f7
#83a5f7
rgb(131,165,247)
-
#95b2f8
#95b2f8
rgb(149,178,248)
-
#a7bff9
#a7bff9
rgb(167,191,249)
-
#bacdfa
#bacdfa
rgb(186,205,250)
-
#ccdafc
#ccdafc
rgb(204,218,252)
-
#dfe7fd
#dfe7fd
rgb(223,231,253)
-
#f1f5fe
#f1f5fe
rgb(241,245,254)
Tones of #396ff2
A tone is produced by adding gray to any pure hue. In this case, #929499 is the less saturated color, while #316cfa is the most saturated one.
-
#929499
#929499
rgb(146,148,153)
-
#8a91a1
#8a91a1
rgb(138,145,161)
-
#828da9
#828da9
rgb(130,141,169)
-
#7a8ab1
#7a8ab1
rgb(122,138,177)
-
#7287b9
#7287b9
rgb(114,135,185)
-
#6a83c1
#6a83c1
rgb(106,131,193)
-
#6280c9
#6280c9
rgb(98,128,201)
-
#597dd2
#597dd2
rgb(89,125,210)
-
#5179da
#5179da
rgb(81,121,218)
-
#4976e2
#4976e2
rgb(73,118,226)
-
#4172ea
#4172ea
rgb(65,114,234)
-
#396ff2
#396ff2
rgb(57,111,242)
-
#316cfa
#316cfa
rgb(49,108,250)
Color Blindness Simulator
Below, you can see how #396ff2 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.