#396ae1 Color Information
In a RGB color space, hex #396ae1 is composed of 22.4% red, 41.6% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 74.7% cyan, 52.9% magenta, 0% yellow and 11.8% black. It has a hue angle of 222.5 degrees, a saturation of 73.7% and a lightness of 55.3%. #396ae1 color hex could be obtained by blending #72d4ff with #0000c3. Closest websafe color is: #3366cc.
-
- R 22
- G 42
- B 88
-
- C 75
- M 53
- Y 0
- K 12
● #396ae1 color description : Bright blue.
#396ae1 Color Conversion
The hexadecimal color #396ae1 has RGB values of R:57, G:106, B:225 and CMYK values of C:0.75, M:0.53, Y:0, K:0.12. Its decimal value is 3762913.
Hex triplet | 396ae1 | #396ae1 |
---|---|---|
RGB Decimal | 57, 106, 225 | rgb(57,106,225) |
RGB Percent | 22.4, 41.6, 88.2 | rgb(22.4%,41.6%,88.2%) |
CMYK | 75, 53, 0, 12 | |
HSL | 222.5°, 73.7, 55.3 | hsl(222.5,73.7%,55.3%) |
HSV (or HSB) | 222.5°, 74.7, 88.2 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.768, 24.643, -65.387 |
---|---|
XYZ | 20.429, 16.613, 73.36 |
xyY | 0.185, 0.15, 16.613 |
CIE-LCH | 47.768, 69.877, 290.651 |
CIE-LUV | 47.768, -19.232, -101.232 |
Hunter-Lab | 40.759, 18.14, -78.183 |
Binary | 00111001, 01101010, 11100001 |
Color Schemes with #396ae1
Alternatives to #396ae1
Below, you can see some colors close to #396ae1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396ae1 Preview
This text has a font color of #396ae1.
<span style="color:#396ae1;">Text here</span>
This paragraph has a background color of #396ae1.
<p style="background-color:#396ae1;">Content here</p>
This element has a border color of #396ae1.
<div style="border:1px solid #396ae1;">Content here</div>
.text {color:#396ae1;}
.background {background-color:#396ae1;}
.border {border:1px solid #396ae1;}
Shades and Tints of #396ae1
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, #010306 is the darkest color, while #f4f7fd is the lightest one.
-
#010306
#010306
rgb(1,3,6)
-
#040917
#040917
rgb(4,9,23)
-
#061028
#061028
rgb(6,16,40)
-
#09173a
#09173a
rgb(9,23,58)
-
#0b1e4b
#0b1e4b
rgb(11,30,75)
-
#0e255c
#0e255c
rgb(14,37,92)
-
#102b6d
#102b6d
rgb(16,43,109)
-
#13327e
#13327e
rgb(19,50,126)
-
#16398f
#16398f
rgb(22,57,143)
-
#1840a0
#1840a0
rgb(24,64,160)
-
#1b47b1
#1b47b1
rgb(27,71,177)
-
#1d4dc2
#1d4dc2
rgb(29,77,194)
-
#2054d3
#2054d3
rgb(32,84,211)
-
#285dde
#285dde
rgb(40,93,222)
-
#396ae1
#396ae1
rgb(57,106,225)
-
#4a77e4
#4a77e4
rgb(74,119,228)
-
#5b84e6
#5b84e6
rgb(91,132,230)
-
#6c90e9
#6c90e9
rgb(108,144,233)
-
#7d9deb
#7d9deb
rgb(125,157,235)
-
#8eaaee
#8eaaee
rgb(142,170,238)
-
#9fb7f0
#9fb7f0
rgb(159,183,240)
-
#b0c4f3
#b0c4f3
rgb(176,196,243)
-
#c1d1f6
#c1d1f6
rgb(193,209,246)
-
#d2ddf8
#d2ddf8
rgb(210,221,248)
-
#e3eafb
#e3eafb
rgb(227,234,251)
-
#f4f7fd
#f4f7fd
rgb(244,247,253)
Tones of #396ae1
A tone is produced by adding gray to any pure hue. In this case, #888b92 is the less saturated color, while #1f5ffb is the most saturated one.
-
#888b92
#888b92
rgb(136,139,146)
-
#7f879b
#7f879b
rgb(127,135,155)
-
#7684a4
#7684a4
rgb(118,132,164)
-
#6e80ac
#6e80ac
rgb(110,128,172)
-
#657cb5
#657cb5
rgb(101,124,181)
-
#5c79be
#5c79be
rgb(92,121,190)
-
#5375c7
#5375c7
rgb(83,117,199)
-
#4b71cf
#4b71cf
rgb(75,113,207)
-
#426ed8
#426ed8
rgb(66,110,216)
-
#396ae1
#396ae1
rgb(57,106,225)
-
#3066ea
#3066ea
rgb(48,102,234)
-
#2763f3
#2763f3
rgb(39,99,243)
-
#1f5ffb
#1f5ffb
rgb(31,95,251)
Color Blindness Simulator
Below, you can see how #396ae1 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.