#396a7e Color Information
In a RGB color space, hex #396a7e is composed of 22.4% red, 41.6% green and 49.4% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 15.9% magenta, 0% yellow and 50.6% black. It has a hue angle of 197.4 degrees, a saturation of 37.7% and a lightness of 35.9%. #396a7e color hex could be obtained by blending #72d4fc with #000000. Closest websafe color is: #336666.
-
- R 22
- G 42
- B 49
-
- C 55
- M 16
- Y 0
- K 51
● #396a7e color description : Dark moderate blue.
#396a7e Color Conversion
The hexadecimal color #396a7e has RGB values of R:57, G:106, B:126 and CMYK values of C:0.55, M:0.16, Y:0, K:0.51. Its decimal value is 3762814.
Hex triplet | 396a7e | #396a7e |
---|---|---|
RGB Decimal | 57, 106, 126 | rgb(57,106,126) |
RGB Percent | 22.4, 41.6, 49.4 | rgb(22.4%,41.6%,49.4%) |
CMYK | 55, 16, 0, 51 | |
HSL | 197.4°, 37.7, 35.9 | hsl(197.4,37.7%,35.9%) |
HSV (or HSB) | 197.4°, 54.8, 49.4 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 42.283, -10.498, -16.205 |
---|---|
XYZ | 10.606, 12.684, 21.627 |
xyY | 0.236, 0.282, 12.684 |
CIE-LCH | 42.283, 19.308, 237.063 |
CIE-LUV | 42.283, -20.992, -21.313 |
Hunter-Lab | 35.614, -9.165, -11.074 |
Binary | 00111001, 01101010, 01111110 |
Color Schemes with #396a7e
Alternatives to #396a7e
Below, you can see some colors close to #396a7e. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396a7e Preview
This text has a font color of #396a7e.
<span style="color:#396a7e;">Text here</span>
This paragraph has a background color of #396a7e.
<p style="background-color:#396a7e;">Content here</p>
This element has a border color of #396a7e.
<div style="border:1px solid #396a7e;">Content here</div>
.text {color:#396a7e;}
.background {background-color:#396a7e;}
.border {border:1px solid #396a7e;}
Shades and Tints of #396a7e
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, #020404 is the darkest color, while #f6f9fb is the lightest one.
-
#020404
#020404
rgb(2,4,4)
-
#080f12
#080f12
rgb(8,15,18)
-
#0e1a1f
#0e1a1f
rgb(14,26,31)
-
#14262d
#14262d
rgb(20,38,45)
-
#1a313a
#1a313a
rgb(26,49,58)
-
#213d48
#213d48
rgb(33,61,72)
-
#274855
#274855
rgb(39,72,85)
-
#2d5363
#2d5363
rgb(45,83,99)
-
#335f70
#335f70
rgb(51,95,112)
-
#396a7e
#396a7e
rgb(57,106,126)
-
#3f758c
#3f758c
rgb(63,117,140)
-
#458199
#458199
rgb(69,129,153)
-
#4b8ca7
#4b8ca7
rgb(75,140,167)
-
#5496b2
#5496b2
rgb(84,150,178)
-
#619fb8
#619fb8
rgb(97,159,184)
-
#6fa7be
#6fa7be
rgb(111,167,190)
-
#7cafc4
#7cafc4
rgb(124,175,196)
-
#8ab7ca
#8ab7ca
rgb(138,183,202)
-
#97c0d0
#97c0d0
rgb(151,192,208)
-
#a5c8d6
#a5c8d6
rgb(165,200,214)
-
#b2d0dc
#b2d0dc
rgb(178,208,220)
-
#c0d8e2
#c0d8e2
rgb(192,216,226)
-
#cde1e9
#cde1e9
rgb(205,225,233)
-
#dbe9ef
#dbe9ef
rgb(219,233,239)
-
#e8f1f5
#e8f1f5
rgb(232,241,245)
-
#f6f9fb
#f6f9fb
rgb(246,249,251)
Tones of #396a7e
A tone is produced by adding gray to any pure hue. In this case, #555e62 is the less saturated color, while #0182b6 is the most saturated one.
-
#555e62
#555e62
rgb(85,94,98)
-
#4e6169
#4e6169
rgb(78,97,105)
-
#476470
#476470
rgb(71,100,112)
-
#406777
#406777
rgb(64,103,119)
-
#396a7e
#396a7e
rgb(57,106,126)
-
#326d85
#326d85
rgb(50,109,133)
-
#2b708c
#2b708c
rgb(43,112,140)
-
#247393
#247393
rgb(36,115,147)
-
#1d769a
#1d769a
rgb(29,118,154)
-
#1679a1
#1679a1
rgb(22,121,161)
-
#0f7ca8
#0f7ca8
rgb(15,124,168)
-
#087faf
#087faf
rgb(8,127,175)
-
#0182b6
#0182b6
rgb(1,130,182)
Color Blindness Simulator
Below, you can see how #396a7e 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.