#396ed1 Color Information
In a RGB color space, hex #396ed1 is composed of 22.4% red, 43.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 72.7% cyan, 47.4% magenta, 0% yellow and 18% black. It has a hue angle of 219.1 degrees, a saturation of 62.3% and a lightness of 52.2%. #396ed1 color hex could be obtained by blending #72dcff with #0000a3. Closest websafe color is: #3366cc.
-
- R 22
- G 43
- B 82
-
- C 73
- M 47
- Y 0
- K 18
● #396ed1 color description : Moderate blue.
#396ed1 Color Conversion
The hexadecimal color #396ed1 has RGB values of R:57, G:110, B:209 and CMYK values of C:0.73, M:0.47, Y:0, K:0.18. Its decimal value is 3763921.
Hex triplet | 396ed1 | #396ed1 |
---|---|---|
RGB Decimal | 57, 110, 209 | rgb(57,110,209) |
RGB Percent | 22.4, 43.1, 82 | rgb(22.4%,43.1%,82%) |
CMYK | 73, 47, 0, 18 | |
HSL | 219.1°, 62.3, 52.2 | hsl(219.1,62.3%,52.2%) |
HSV (or HSB) | 219.1°, 72.7, 82 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.783, 16.241, -56.278 |
---|---|
XYZ | 18.769, 16.624, 62.538 |
xyY | 0.192, 0.17, 16.624 |
CIE-LCH | 47.783, 58.575, 286.097 |
CIE-LUV | 47.783, -20.562, -86.993 |
Hunter-Lab | 40.772, 10.82, -62.4 |
Binary | 00111001, 01101110, 11010001 |
Color Schemes with #396ed1
Alternatives to #396ed1
Below, you can see some colors close to #396ed1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396ed1 Preview
This text has a font color of #396ed1.
<span style="color:#396ed1;">Text here</span>
This paragraph has a background color of #396ed1.
<p style="background-color:#396ed1;">Content here</p>
This element has a border color of #396ed1.
<div style="border:1px solid #396ed1;">Content here</div>
.text {color:#396ed1;}
.background {background-color:#396ed1;}
.border {border:1px solid #396ed1;}
Shades and Tints of #396ed1
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, #020409 is the darkest color, while #f8fafd is the lightest one.
-
#020409
#020409
rgb(2,4,9)
-
#060c19
#060c19
rgb(6,12,25)
-
#091429
#091429
rgb(9,20,41)
-
#0d1c39
#0d1c39
rgb(13,28,57)
-
#112449
#112449
rgb(17,36,73)
-
#152c59
#152c59
rgb(21,44,89)
-
#183468
#183468
rgb(24,52,104)
-
#1c3c78
#1c3c78
rgb(28,60,120)
-
#204488
#204488
rgb(32,68,136)
-
#234c98
#234c98
rgb(35,76,152)
-
#2754a8
#2754a8
rgb(39,84,168)
-
#2b5cb8
#2b5cb8
rgb(43,92,184)
-
#2e64c8
#2e64c8
rgb(46,100,200)
-
#396ed1
#396ed1
rgb(57,110,209)
-
#497ad5
#497ad5
rgb(73,122,213)
-
#5985d8
#5985d8
rgb(89,133,216)
-
#6991dc
#6991dc
rgb(105,145,220)
-
#799de0
#799de0
rgb(121,157,224)
-
#89a8e3
#89a8e3
rgb(137,168,227)
-
#99b4e7
#99b4e7
rgb(153,180,231)
-
#a8c0eb
#a8c0eb
rgb(168,192,235)
-
#b8cbef
#b8cbef
rgb(184,203,239)
-
#c8d7f2
#c8d7f2
rgb(200,215,242)
-
#d8e3f6
#d8e3f6
rgb(216,227,246)
-
#e8eefa
#e8eefa
rgb(232,238,250)
-
#f8fafd
#f8fafd
rgb(248,250,253)
Tones of #396ed1
A tone is produced by adding gray to any pure hue. In this case, #848586 is the less saturated color, while #1363f7 is the most saturated one.
-
#848586
#848586
rgb(132,133,134)
-
#7b828f
#7b828f
rgb(123,130,143)
-
#717f99
#717f99
rgb(113,127,153)
-
#687ca2
#687ca2
rgb(104,124,162)
-
#5f79ab
#5f79ab
rgb(95,121,171)
-
#5577b5
#5577b5
rgb(85,119,181)
-
#4c74be
#4c74be
rgb(76,116,190)
-
#4271c8
#4271c8
rgb(66,113,200)
-
#396ed1
#396ed1
rgb(57,110,209)
-
#306bda
#306bda
rgb(48,107,218)
-
#2668e4
#2668e4
rgb(38,104,228)
-
#1d65ed
#1d65ed
rgb(29,101,237)
-
#1363f7
#1363f7
rgb(19,99,247)
Color Blindness Simulator
Below, you can see how #396ed1 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.