#366ea3 Color Information
In a RGB color space, hex #366ea3 is composed of 21.2% red, 43.1% green and 63.9% blue. Whereas in a CMYK color space, it is composed of 66.9% cyan, 32.5% magenta, 0% yellow and 36.1% black. It has a hue angle of 209.2 degrees, a saturation of 50.2% and a lightness of 42.5%. #366ea3 color hex could be obtained by blending #6cdcff with #000047. Closest websafe color is: #336699.
-
- R 21
- G 43
- B 64
-
- C 67
- M 33
- Y 0
- K 36
● #366ea3 color description : Dark moderate blue.
#366ea3 Color Conversion
The hexadecimal color #366ea3 has RGB values of R:54, G:110, B:163 and CMYK values of C:0.67, M:0.33, Y:0, K:0.36. Its decimal value is 3567267.
Hex triplet | 366ea3 | #366ea3 |
---|---|---|
RGB Decimal | 54, 110, 163 | rgb(54,110,163) |
RGB Percent | 21.2, 43.1, 63.9 | rgb(21.2%,43.1%,63.9%) |
CMYK | 67, 33, 0, 36 | |
HSL | 209.2°, 50.2, 42.5 | hsl(209.2,50.2%,42.5%) |
HSV (or HSB) | 209.2°, 66.9, 63.9 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.053, -0.958, -33.974 |
---|---|
XYZ | 13.707, 14.579, 36.74 |
xyY | 0.211, 0.224, 14.579 |
CIE-LCH | 45.053, 33.988, 268.384 |
CIE-LUV | 45.053, -22.15, -49.994 |
Hunter-Lab | 38.183, -2.744, -30.321 |
Binary | 00110110, 01101110, 10100011 |
Color Schemes with #366ea3
Alternatives to #366ea3
Below, you can see some colors close to #366ea3. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#366ea3 Preview
This text has a font color of #366ea3.
<span style="color:#366ea3;">Text here</span>
This paragraph has a background color of #366ea3.
<p style="background-color:#366ea3;">Content here</p>
This element has a border color of #366ea3.
<div style="border:1px solid #366ea3;">Content here</div>
.text {color:#366ea3;}
.background {background-color:#366ea3;}
.border {border:1px solid #366ea3;}
Shades and Tints of #366ea3
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, #000101 is the darkest color, while #f1f6fa is the lightest one.
-
#000101
#000101
rgb(0,1,1)
-
#050b10
#050b10
rgb(5,11,16)
-
#0a151e
#0a151e
rgb(10,21,30)
-
#0f1e2d
#0f1e2d
rgb(15,30,45)
-
#14283c
#14283c
rgb(20,40,60)
-
#19324b
#19324b
rgb(25,50,75)
-
#1e3c59
#1e3c59
rgb(30,60,89)
-
#224668
#224668
rgb(34,70,104)
-
#275077
#275077
rgb(39,80,119)
-
#2c5a86
#2c5a86
rgb(44,90,134)
-
#316494
#316494
rgb(49,100,148)
-
#366ea3
#366ea3
rgb(54,110,163)
-
#3b78b2
#3b78b2
rgb(59,120,178)
-
#4082c0
#4082c0
rgb(64,130,192)
-
#4f8cc5
#4f8cc5
rgb(79,140,197)
-
#5e95ca
#5e95ca
rgb(94,149,202)
-
#6d9fce
#6d9fce
rgb(109,159,206)
-
#7ba9d3
#7ba9d3
rgb(123,169,211)
-
#8ab2d8
#8ab2d8
rgb(138,178,216)
-
#99bcdd
#99bcdd
rgb(153,188,221)
-
#a8c6e2
#a8c6e2
rgb(168,198,226)
-
#b6cfe7
#b6cfe7
rgb(182,207,231)
-
#c5d9ec
#c5d9ec
rgb(197,217,236)
-
#d4e3f1
#d4e3f1
rgb(212,227,241)
-
#e2ecf6
#e2ecf6
rgb(226,236,246)
-
#f1f6fa
#f1f6fa
rgb(241,246,250)
Tones of #366ea3
A tone is produced by adding gray to any pure hue. In this case, #686d71 is the less saturated color, while #046fd5 is the most saturated one.
-
#686d71
#686d71
rgb(104,109,113)
-
#606d79
#606d79
rgb(96,109,121)
-
#576d82
#576d82
rgb(87,109,130)
-
#4f6d8a
#4f6d8a
rgb(79,109,138)
-
#476e92
#476e92
rgb(71,110,146)
-
#3e6e9b
#3e6e9b
rgb(62,110,155)
-
#366ea3
#366ea3
rgb(54,110,163)
-
#2e6eab
#2e6eab
rgb(46,110,171)
-
#256eb4
#256eb4
rgb(37,110,180)
-
#1d6fbc
#1d6fbc
rgb(29,111,188)
-
#156fc4
#156fc4
rgb(21,111,196)
-
#0c6fcd
#0c6fcd
rgb(12,111,205)
-
#046fd5
#046fd5
rgb(4,111,213)
Color Blindness Simulator
Below, you can see how #366ea3 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.