#396678 Color Information
In a RGB color space, hex #396678 is composed of 22.4% red, 40% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 15% magenta, 0% yellow and 52.9% black. It has a hue angle of 197.1 degrees, a saturation of 35.6% and a lightness of 34.7%. #396678 color hex could be obtained by blending #72ccf0 with #000000. Closest websafe color is: #336666.
-
- R 22
- G 40
- B 47
-
- C 53
- M 15
- Y 0
- K 53
● #396678 color description : Dark moderate blue.
#396678 Color Conversion
The hexadecimal color #396678 has RGB values of R:57, G:102, B:120 and CMYK values of C:0.53, M:0.15, Y:0, K:0.53. Its decimal value is 3761784.
Hex triplet | 396678 | #396678 |
---|---|---|
RGB Decimal | 57, 102, 120 | rgb(57,102,120) |
RGB Percent | 22.4, 40, 47.1 | rgb(22.4%,40%,47.1%) |
CMYK | 53, 15, 0, 53 | |
HSL | 197.1°, 35.6, 34.7 | hsl(197.1,35.6%,34.7%) |
HSV (or HSB) | 197.1°, 52.5, 47.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 40.781, -10.062, -14.864 |
---|---|
XYZ | 9.828, 11.728, 19.514 |
xyY | 0.239, 0.286, 11.728 |
CIE-LCH | 40.781, 17.949, 235.903 |
CIE-LUV | 40.781, -19.571, -19.223 |
Hunter-Lab | 34.246, -8.705, -9.812 |
Binary | 00111001, 01100110, 01111000 |
Color Schemes with #396678
Alternatives to #396678
Below, you can see some colors close to #396678. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#396678 Preview
This text has a font color of #396678.
<span style="color:#396678;">Text here</span>
This paragraph has a background color of #396678.
<p style="background-color:#396678;">Content here</p>
This element has a border color of #396678.
<div style="border:1px solid #396678;">Content here</div>
.text {color:#396678;}
.background {background-color:#396678;}
.border {border:1px solid #396678;}
Shades and Tints of #396678
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, #000000 is the darkest color, while #f2f7f9 is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#060c0e
#060c0e
rgb(6,12,14)
-
#0d171b
#0d171b
rgb(13,23,27)
-
#132228
#132228
rgb(19,34,40)
-
#192d36
#192d36
rgb(25,45,54)
-
#203943
#203943
rgb(32,57,67)
-
#264450
#264450
rgb(38,68,80)
-
#2c4f5d
#2c4f5d
rgb(44,79,93)
-
#335b6b
#335b6b
rgb(51,91,107)
-
#396678
#396678
rgb(57,102,120)
-
#3f7185
#3f7185
rgb(63,113,133)
-
#467d93
#467d93
rgb(70,125,147)
-
#4c88a0
#4c88a0
rgb(76,136,160)
-
#5293ad
#5293ad
rgb(82,147,173)
-
#609bb3
#609bb3
rgb(96,155,179)
-
#6da4ba
#6da4ba
rgb(109,164,186)
-
#7aacc0
#7aacc0
rgb(122,172,192)
-
#88b4c6
#88b4c6
rgb(136,180,198)
-
#95bdcd
#95bdcd
rgb(149,189,205)
-
#a2c5d3
#a2c5d3
rgb(162,197,211)
-
#b0cdd9
#b0cdd9
rgb(176,205,217)
-
#bdd6e0
#bdd6e0
rgb(189,214,224)
-
#cadee6
#cadee6
rgb(202,222,230)
-
#d7e6ec
#d7e6ec
rgb(215,230,236)
-
#e5eff3
#e5eff3
rgb(229,239,243)
-
#f2f7f9
#f2f7f9
rgb(242,247,249)
Tones of #396678
A tone is produced by adding gray to any pure hue. In this case, #545a5d is the less saturated color, while #037dae is the most saturated one.
-
#545a5d
#545a5d
rgb(84,90,93)
-
#4d5d64
#4d5d64
rgb(77,93,100)
-
#47606a
#47606a
rgb(71,96,106)
-
#406371
#406371
rgb(64,99,113)
-
#396678
#396678
rgb(57,102,120)
-
#32697f
#32697f
rgb(50,105,127)
-
#2b6c86
#2b6c86
rgb(43,108,134)
-
#256f8c
#256f8c
rgb(37,111,140)
-
#1e7293
#1e7293
rgb(30,114,147)
-
#17759a
#17759a
rgb(23,117,154)
-
#1078a1
#1078a1
rgb(16,120,161)
-
#097aa8
#097aa8
rgb(9,122,168)
-
#037dae
#037dae
rgb(3,125,174)
Color Blindness Simulator
Below, you can see how #396678 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.