#396bd6 Color Information
In a RGB color space, hex #396bd6 is composed of 22.4% red, 42% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 73.4% cyan, 50% magenta, 0% yellow and 16.1% black. It has a hue angle of 220.9 degrees, a saturation of 65.7% and a lightness of 53.1%. #396bd6 color hex could be obtained by blending #72d6ff with #0000ad. Closest websafe color is: #3366cc.
-
- R 22
- G 42
- B 84
-
- C 73
- M 50
- Y 0
- K 16
● #396bd6 color description : Moderate blue.
#396bd6 Color Conversion
The hexadecimal color #396bd6 has RGB values of R:57, G:107, B:214 and CMYK values of C:0.73, M:0.5, Y:0, K:0.16. Its decimal value is 3763158.
Hex triplet | 396bd6 | #396bd6 |
---|---|---|
RGB Decimal | 57, 107, 214 | rgb(57,107,214) |
RGB Percent | 22.4, 42, 83.9 | rgb(22.4%,42%,83.9%) |
CMYK | 73, 50, 0, 16 | |
HSL | 220.9°, 65.7, 53.1 | hsl(220.9,65.7%,53.1%) |
HSV (or HSB) | 220.9°, 73.4, 83.9 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.286, 19.977, -59.927 |
---|---|
XYZ | 19.08, 16.239, 65.744 |
xyY | 0.189, 0.161, 16.239 |
CIE-LCH | 47.286, 63.169, 288.436 |
CIE-LUV | 47.286, -19.603, -92.544 |
Hunter-Lab | 40.298, 13.995, -68.52 |
Binary | 00111001, 01101011, 11010110 |
Color Schemes with #396bd6
Alternatives to #396bd6
Below, you can see some colors close to #396bd6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396bd6 Preview
This text has a font color of #396bd6.
<span style="color:#396bd6;">Text here</span>
This paragraph has a background color of #396bd6.
<p style="background-color:#396bd6;">Content here</p>
This element has a border color of #396bd6.
<div style="border:1px solid #396bd6;">Content here</div>
.text {color:#396bd6;}
.background {background-color:#396bd6;}
.border {border:1px solid #396bd6;}
Shades and Tints of #396bd6
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, #03060d is the darkest color, while #fcfdfe is the lightest one.
-
#03060d
#03060d
rgb(3,6,13)
-
#060e1e
#060e1e
rgb(6,14,30)
-
#09152e
#09152e
rgb(9,21,46)
-
#0d1c3e
#0d1c3e
rgb(13,28,62)
-
#10244e
#10244e
rgb(16,36,78)
-
#142b5f
#142b5f
rgb(20,43,95)
-
#17336f
#17336f
rgb(23,51,111)
-
#1a3a7f
#1a3a7f
rgb(26,58,127)
-
#1e428f
#1e428f
rgb(30,66,143)
-
#2149a0
#2149a0
rgb(33,73,160)
-
#2451b0
#2451b0
rgb(36,81,176)
-
#2858c0
#2858c0
rgb(40,88,192)
-
#2b60d0
#2b60d0
rgb(43,96,208)
-
#396bd6
#396bd6
rgb(57,107,214)
-
#4977d9
#4977d9
rgb(73,119,217)
-
#5a83dd
#5a83dd
rgb(90,131,221)
-
#6a8fe0
#6a8fe0
rgb(106,143,224)
-
#7a9ce3
#7a9ce3
rgb(122,156,227)
-
#8aa8e7
#8aa8e7
rgb(138,168,231)
-
#9bb4ea
#9bb4ea
rgb(155,180,234)
-
#abc0ee
#abc0ee
rgb(171,192,238)
-
#bbccf1
#bbccf1
rgb(187,204,241)
-
#cbd8f4
#cbd8f4
rgb(203,216,244)
-
#dce4f8
#dce4f8
rgb(220,228,248)
-
#ecf1fb
#ecf1fb
rgb(236,241,251)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #396bd6
A tone is produced by adding gray to any pure hue. In this case, #83868c is the less saturated color, while #145efb is the most saturated one.
-
#83868c
#83868c
rgb(131,134,140)
-
#798296
#798296
rgb(121,130,150)
-
#707f9f
#707f9f
rgb(112,127,159)
-
#677ca8
#677ca8
rgb(103,124,168)
-
#5e78b1
#5e78b1
rgb(94,120,177)
-
#5575ba
#5575ba
rgb(85,117,186)
-
#4b72c4
#4b72c4
rgb(75,114,196)
-
#426ecd
#426ecd
rgb(66,110,205)
-
#396bd6
#396bd6
rgb(57,107,214)
-
#3068df
#3068df
rgb(48,104,223)
-
#2764e8
#2764e8
rgb(39,100,232)
-
#1d61f2
#1d61f2
rgb(29,97,242)
-
#145efb
#145efb
rgb(20,94,251)
Color Blindness Simulator
Below, you can see how #396bd6 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.