#366696 Color Information
In a RGB color space, hex #366696 is composed of 21.2% red, 40% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 64% cyan, 32% magenta, 0% yellow and 41.2% black. It has a hue angle of 210 degrees, a saturation of 47.1% and a lightness of 40%. #366696 color hex could be obtained by blending #6cccff with #00002d. Closest websafe color is: #336699.
-
- R 21
- G 40
- B 59
-
- C 64
- M 32
- Y 0
- K 41
● #366696 color description : Dark moderate blue.
#366696 Color Conversion
The hexadecimal color #366696 has RGB values of R:54, G:102, B:150 and CMYK values of C:0.64, M:0.32, Y:0, K:0.41. Its decimal value is 3565206.
Hex triplet | 366696 | #366696 |
---|---|---|
RGB Decimal | 54, 102, 150 | rgb(54,102,150) |
RGB Percent | 21.2, 40, 58.8 | rgb(21.2%,40%,58.8%) |
CMYK | 64, 32, 0, 41 | |
HSL | 210°, 47.1, 40 | hsl(210,47.1%,40%) |
HSV (or HSB) | 210°, 64, 58.8 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 41.982, -0.656, -31.096 |
---|---|
XYZ | 11.776, 12.488, 30.642 |
xyY | 0.214, 0.227, 12.488 |
CIE-LCH | 41.982, 31.102, 268.791 |
CIE-LUV | 41.982, -19.636, -44.828 |
Hunter-Lab | 35.339, -2.359, -26.674 |
Binary | 00110110, 01100110, 10010110 |
Color Schemes with #366696
Alternatives to #366696
Below, you can see some colors close to #366696. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#366696 Preview
This text has a font color of #366696.
<span style="color:#366696;">Text here</span>
This paragraph has a background color of #366696.
<p style="background-color:#366696;">Content here</p>
This element has a border color of #366696.
<div style="border:1px solid #366696;">Content here</div>
.text {color:#366696;}
.background {background-color:#366696;}
.border {border:1px solid #366696;}
Shades and Tints of #366696
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, #020406 is the darkest color, while #f6f9fc is the lightest one.
-
#020406
#020406
rgb(2,4,6)
-
#070e14
#070e14
rgb(7,14,20)
-
#0c1823
#0c1823
rgb(12,24,35)
-
#122131
#122131
rgb(18,33,49)
-
#172b3f
#172b3f
rgb(23,43,63)
-
#1c354e
#1c354e
rgb(28,53,78)
-
#213f5c
#213f5c
rgb(33,63,92)
-
#26496b
#26496b
rgb(38,73,107)
-
#2c5279
#2c5279
rgb(44,82,121)
-
#315c88
#315c88
rgb(49,92,136)
-
#366696
#366696
rgb(54,102,150)
-
#3b70a4
#3b70a4
rgb(59,112,164)
-
#407ab3
#407ab3
rgb(64,122,179)
-
#4983be
#4983be
rgb(73,131,190)
-
#588dc3
#588dc3
rgb(88,141,195)
-
#6697c8
#6697c8
rgb(102,151,200)
-
#75a1cd
#75a1cd
rgb(117,161,205)
-
#83abd2
#83abd2
rgb(131,171,210)
-
#91b4d8
#91b4d8
rgb(145,180,216)
-
#a0bedd
#a0bedd
rgb(160,190,221)
-
#aec8e2
#aec8e2
rgb(174,200,226)
-
#bdd2e7
#bdd2e7
rgb(189,210,231)
-
#cbdcec
#cbdcec
rgb(203,220,236)
-
#dae6f2
#dae6f2
rgb(218,230,242)
-
#e8eff7
#e8eff7
rgb(232,239,247)
-
#f6f9fc
#f6f9fc
rgb(246,249,252)
Tones of #366696
A tone is produced by adding gray to any pure hue. In this case, #656667 is the less saturated color, while #0766c5 is the most saturated one.
-
#656667
#656667
rgb(101,102,103)
-
#5d666f
#5d666f
rgb(93,102,111)
-
#556677
#556677
rgb(85,102,119)
-
#4e667e
#4e667e
rgb(78,102,126)
-
#466686
#466686
rgb(70,102,134)
-
#3e668e
#3e668e
rgb(62,102,142)
-
#366696
#366696
rgb(54,102,150)
-
#2e669e
#2e669e
rgb(46,102,158)
-
#2666a6
#2666a6
rgb(38,102,166)
-
#1e66ae
#1e66ae
rgb(30,102,174)
-
#1766b5
#1766b5
rgb(23,102,181)
-
#0f66bd
#0f66bd
rgb(15,102,189)
-
#0766c5
#0766c5
rgb(7,102,197)
Color Blindness Simulator
Below, you can see how #366696 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.