#396ea3 Color Information
In a RGB color space, hex #396ea3 is composed of 22.4% red, 43.1% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 65% cyan, 32.5% magenta, 0% yellow and 36.1% black. It has a hue angle of 210 degrees, a saturation of 48.2% and a lightness of 43.1%. #396ea3 color hex could be obtained by blending #72dcff with #000047. Closest websafe color is: #336699.
-
- R 22
- G 43
- B 64
-
- C 65
- M 33
- Y 0
- K 36
● #396ea3 color description : Dark moderate blue.
#396ea3 Color Conversion
The hexadecimal color #396ea3 has RGB values of R:57, G:110, B:163 and CMYK values of C:0.65, M:0.33, Y:0, K:0.36. Its decimal value is 3763875.
Hex triplet | 396ea3 | #396ea3 |
---|---|---|
RGB Decimal | 57, 110, 163 | rgb(57,110,163) |
RGB Percent | 22.4, 43.1, 63.9 | rgb(22.4%,43.1%,63.9%) |
CMYK | 65, 33, 0, 36 | |
HSL | 210°, 48.2, 43.1 | hsl(210,48.2%,43.1%) |
HSV (or HSB) | 210°, 65, 63.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.172, -0.418, -33.778 |
---|---|
XYZ | 13.873, 14.665, 36.748 |
xyY | 0.212, 0.225, 14.665 |
CIE-LCH | 45.172, 33.781, 269.291 |
CIE-LUV | 45.172, -21.478, -49.774 |
Hunter-Lab | 38.295, -2.354, -30.088 |
Binary | 00111001, 01101110, 10100011 |
Color Schemes with #396ea3
Alternatives to #396ea3
Below, you can see some colors close to #396ea3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396ea3 Preview
This text has a font color of #396ea3.
<span style="color:#396ea3;">Text here</span>
This paragraph has a background color of #396ea3.
<p style="background-color:#396ea3;">Content here</p>
This element has a border color of #396ea3.
<div style="border:1px solid #396ea3;">Content here</div>
.text {color:#396ea3;}
.background {background-color:#396ea3;}
.border {border:1px solid #396ea3;}
Shades and Tints of #396ea3
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, #010203 is the darkest color, while #f4f7fb is the lightest one.
-
#010203
#010203
rgb(1,2,3)
-
#060c12
#060c12
rgb(6,12,18)
-
#0b1620
#0b1620
rgb(11,22,32)
-
#10202f
#10202f
rgb(16,32,47)
-
#15293d
#15293d
rgb(21,41,61)
-
#1b334c
#1b334c
rgb(27,51,76)
-
#203d5a
#203d5a
rgb(32,61,90)
-
#254769
#254769
rgb(37,71,105)
-
#2a5177
#2a5177
rgb(42,81,119)
-
#2f5a86
#2f5a86
rgb(47,90,134)
-
#346494
#346494
rgb(52,100,148)
-
#396ea3
#396ea3
rgb(57,110,163)
-
#3e78b2
#3e78b2
rgb(62,120,178)
-
#4582be
#4582be
rgb(69,130,190)
-
#548bc3
#548bc3
rgb(84,139,195)
-
#6295c8
#6295c8
rgb(98,149,200)
-
#719fcd
#719fcd
rgb(113,159,205)
-
#7fa9d2
#7fa9d2
rgb(127,169,210)
-
#8eb3d7
#8eb3d7
rgb(142,179,215)
-
#9cbcdd
#9cbcdd
rgb(156,188,221)
-
#abc6e2
#abc6e2
rgb(171,198,226)
-
#b9d0e7
#b9d0e7
rgb(185,208,231)
-
#c8daec
#c8daec
rgb(200,218,236)
-
#d7e4f1
#d7e4f1
rgb(215,228,241)
-
#e5eef6
#e5eef6
rgb(229,238,246)
-
#f4f7fb
#f4f7fb
rgb(244,247,251)
Tones of #396ea3
A tone is produced by adding gray to any pure hue. In this case, #6c6e70 is the less saturated color, while #066ed6 is the most saturated one.
-
#6c6e70
#6c6e70
rgb(108,110,112)
-
#636e79
#636e79
rgb(99,110,121)
-
#5b6e81
#5b6e81
rgb(91,110,129)
-
#526e8a
#526e8a
rgb(82,110,138)
-
#4a6e92
#4a6e92
rgb(74,110,146)
-
#416e9b
#416e9b
rgb(65,110,155)
-
#396ea3
#396ea3
rgb(57,110,163)
-
#316eab
#316eab
rgb(49,110,171)
-
#286eb4
#286eb4
rgb(40,110,180)
-
#206ebc
#206ebc
rgb(32,110,188)
-
#176ec5
#176ec5
rgb(23,110,197)
-
#0f6ecd
#0f6ecd
rgb(15,110,205)
-
#066ed6
#066ed6
rgb(6,110,214)
Color Blindness Simulator
Below, you can see how #396ea3 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.