#396aed Color Information
In a RGB color space, hex #396aed is composed of 22.4% red, 41.6% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 55.3% magenta, 0% yellow and 7.1% black. It has a hue angle of 223.7 degrees, a saturation of 83.3% and a lightness of 57.6%. #396aed color hex could be obtained by blending #72d4ff with #0000db. Closest websafe color is: #3366ff.
-
- R 22
- G 42
- B 93
-
- C 76
- M 55
- Y 0
- K 7
● #396aed color description : Bright blue.
#396aed Color Conversion
The hexadecimal color #396aed has RGB values of R:57, G:106, B:237 and CMYK values of C:0.76, M:0.55, Y:0, K:0.07. Its decimal value is 3762925.
Hex triplet | 396aed | #396aed |
---|---|---|
RGB Decimal | 57, 106, 237 | rgb(57,106,237) |
RGB Percent | 22.4, 41.6, 92.9 | rgb(22.4%,41.6%,92.9%) |
CMYK | 76, 55, 0, 7 | |
HSL | 223.7°, 83.3, 57.6 | hsl(223.7,83.3%,57.6%) |
HSV (or HSB) | 223.7°, 75.9, 92.9 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 48.624, 29.019, -70.753 |
---|---|
XYZ | 22.124, 17.291, 82.288 |
xyY | 0.182, 0.142, 17.291 |
CIE-LCH | 48.624, 76.473, 292.3 |
CIE-LUV | 48.624, -19.18, -109.863 |
Hunter-Lab | 41.582, 22.204, -88.222 |
Binary | 00111001, 01101010, 11101101 |
Color Schemes with #396aed
Alternatives to #396aed
Below, you can see some colors close to #396aed. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396aed Preview
This text has a font color of #396aed.
<span style="color:#396aed;">Text here</span>
This paragraph has a background color of #396aed.
<p style="background-color:#396aed;">Content here</p>
This element has a border color of #396aed.
<div style="border:1px solid #396aed;">Content here</div>
.text {color:#396aed;}
.background {background-color:#396aed;}
.border {border:1px solid #396aed;}
Shades and Tints of #396aed
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, #020612 is the darkest color, while #ffffff is the lightest one.
-
#020612
#020612
rgb(2,6,18)
-
#030c24
#030c24
rgb(3,12,36)
-
#051236
#051236
rgb(5,18,54)
-
#071848
#071848
rgb(7,24,72)
-
#081e5a
#081e5a
rgb(8,30,90)
-
#0a246c
#0a246c
rgb(10,36,108)
-
#0b2b7e
#0b2b7e
rgb(11,43,126)
-
#0d3190
#0d3190
rgb(13,49,144)
-
#0f37a2
#0f37a2
rgb(15,55,162)
-
#103db4
#103db4
rgb(16,61,180)
-
#1243c6
#1243c6
rgb(18,67,198)
-
#1449d8
#1449d8
rgb(20,73,216)
-
#154fea
#154fea
rgb(21,79,234)
-
#275ceb
#275ceb
rgb(39,92,235)
-
#396aed
#396aed
rgb(57,106,237)
-
#4b78ef
#4b78ef
rgb(75,120,239)
-
#5d85f0
#5d85f0
rgb(93,133,240)
-
#6f93f2
#6f93f2
rgb(111,147,242)
-
#81a0f4
#81a0f4
rgb(129,160,244)
-
#93aef5
#93aef5
rgb(147,174,245)
-
#a5bbf7
#a5bbf7
rgb(165,187,247)
-
#b7c9f8
#b7c9f8
rgb(183,201,248)
-
#c9d6fa
#c9d6fa
rgb(201,214,250)
-
#dbe4fc
#dbe4fc
rgb(219,228,252)
-
#edf1fd
#edf1fd
rgb(237,241,253)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #396aed
A tone is produced by adding gray to any pure hue. In this case, #8c909a is the less saturated color, while #2862fe is the most saturated one.
-
#8c909a
#8c909a
rgb(140,144,154)
-
#848ca2
#848ca2
rgb(132,140,162)
-
#7b88ab
#7b88ab
rgb(123,136,171)
-
#7384b3
#7384b3
rgb(115,132,179)
-
#6b81bb
#6b81bb
rgb(107,129,187)
-
#637dc3
#637dc3
rgb(99,125,195)
-
#5a79cc
#5a79cc
rgb(90,121,204)
-
#5275d4
#5275d4
rgb(82,117,212)
-
#4a72dc
#4a72dc
rgb(74,114,220)
-
#416ee5
#416ee5
rgb(65,110,229)
-
#396aed
#396aed
rgb(57,106,237)
-
#3166f5
#3166f5
rgb(49,102,245)
-
#2862fe
#2862fe
rgb(40,98,254)
Color Blindness Simulator
Below, you can see how #396aed 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.