#396ba5 Color Information
In a RGB color space, hex #396ba5 is composed of 22.4% red, 42% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 65.5% cyan, 35.2% magenta, 0% yellow and 35.3% black. It has a hue angle of 212.2 degrees, a saturation of 48.6% and a lightness of 43.5%. #396ba5 color hex could be obtained by blending #72d6ff with #00004b. Closest websafe color is: #336699.
-
- R 22
- G 42
- B 65
-
- C 65
- M 35
- Y 0
- K 35
● #396ba5 color description : Dark moderate blue.
#396ba5 Color Conversion
The hexadecimal color #396ba5 has RGB values of R:57, G:107, B:165 and CMYK values of C:0.65, M:0.35, Y:0, K:0.35. Its decimal value is 3763109.
Hex triplet | 396ba5 | #396ba5 |
---|---|---|
RGB Decimal | 57, 107, 165 | rgb(57,107,165) |
RGB Percent | 22.4, 42, 64.7 | rgb(22.4%,42%,64.7%) |
CMYK | 65, 35, 0, 35 | |
HSL | 212.2°, 48.6, 43.5 | hsl(212.2,48.6%,43.5%) |
HSV (or HSB) | 212.2°, 65.5, 64.7 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.377, 2.135, -36.208 |
---|---|
XYZ | 13.735, 14.101, 37.593 |
xyY | 0.21, 0.216, 14.101 |
CIE-LCH | 44.377, 36.271, 273.374 |
CIE-LUV | 44.377, -20.37, -53.594 |
Hunter-Lab | 37.551, -0.425, -33.07 |
Binary | 00111001, 01101011, 10100101 |
Color Schemes with #396ba5
Alternatives to #396ba5
Below, you can see some colors close to #396ba5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396ba5 Preview
This text has a font color of #396ba5.
<span style="color:#396ba5;">Text here</span>
This paragraph has a background color of #396ba5.
<p style="background-color:#396ba5;">Content here</p>
This element has a border color of #396ba5.
<div style="border:1px solid #396ba5;">Content here</div>
.text {color:#396ba5;}
.background {background-color:#396ba5;}
.border {border:1px solid #396ba5;}
Shades and Tints of #396ba5
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, #020305 is the darkest color, while #f5f8fc is the lightest one.
-
#020305
#020305
rgb(2,3,5)
-
#070c13
#070c13
rgb(7,12,19)
-
#0c1622
#0c1622
rgb(12,22,34)
-
#111f30
#111f30
rgb(17,31,48)
-
#16293f
#16293f
rgb(22,41,63)
-
#1b324e
#1b324e
rgb(27,50,78)
-
#203c5c
#203c5c
rgb(32,60,92)
-
#25456b
#25456b
rgb(37,69,107)
-
#2a4f79
#2a4f79
rgb(42,79,121)
-
#2f5888
#2f5888
rgb(47,88,136)
-
#346296
#346296
rgb(52,98,150)
-
#396ba5
#396ba5
rgb(57,107,165)
-
#3e74b4
#3e74b4
rgb(62,116,180)
-
#467ebf
#467ebf
rgb(70,126,191)
-
#5588c4
#5588c4
rgb(85,136,196)
-
#6392c9
#6392c9
rgb(99,146,201)
-
#729dce
#729dce
rgb(114,157,206)
-
#80a7d3
#80a7d3
rgb(128,167,211)
-
#8fb1d8
#8fb1d8
rgb(143,177,216)
-
#9ebbdd
#9ebbdd
rgb(158,187,221)
-
#acc5e2
#acc5e2
rgb(172,197,226)
-
#bbcfe7
#bbcfe7
rgb(187,207,231)
-
#c9daec
#c9daec
rgb(201,218,236)
-
#d8e4f1
#d8e4f1
rgb(216,228,241)
-
#e6eef7
#e6eef7
rgb(230,238,247)
-
#f5f8fc
#f5f8fc
rgb(245,248,252)
Tones of #396ba5
A tone is produced by adding gray to any pure hue. In this case, #6c6f72 is the less saturated color, while #0667d8 is the most saturated one.
-
#6c6f72
#6c6f72
rgb(108,111,114)
-
#646e7a
#646e7a
rgb(100,110,122)
-
#5b6e83
#5b6e83
rgb(91,110,131)
-
#536d8b
#536d8b
rgb(83,109,139)
-
#4a6c94
#4a6c94
rgb(74,108,148)
-
#426c9c
#426c9c
rgb(66,108,156)
-
#396ba5
#396ba5
rgb(57,107,165)
-
#306aae
#306aae
rgb(48,106,174)
-
#286ab6
#286ab6
rgb(40,106,182)
-
#1f69bf
#1f69bf
rgb(31,105,191)
-
#1768c7
#1768c7
rgb(23,104,199)
-
#0e68d0
#0e68d0
rgb(14,104,208)
-
#0667d8
#0667d8
rgb(6,103,216)
Color Blindness Simulator
Below, you can see how #396ba5 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.