#366ea1 Color Information
In a RGB color space, hex #366ea1 is composed of 21.2% red, 43.1% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 66.5% cyan, 31.7% magenta, 0% yellow and 36.9% black. It has a hue angle of 208.6 degrees, a saturation of 49.8% and a lightness of 42.2%. #366ea1 color hex could be obtained by blending #6cdcff with #000043. Closest websafe color is: #336699.
-
- R 21
- G 43
- B 63
-
- C 66
- M 32
- Y 0
- K 37
● #366ea1 color description : Dark moderate blue.
#366ea1 Color Conversion
The hexadecimal color #366ea1 has RGB values of R:54, G:110, B:161 and CMYK values of C:0.66, M:0.32, Y:0, K:0.37. Its decimal value is 3567265.
Hex triplet | 366ea1 | #366ea1 |
---|---|---|
RGB Decimal | 54, 110, 161 | rgb(54,110,161) |
RGB Percent | 21.2, 43.1, 63.1 | rgb(21.2%,43.1%,63.1%) |
CMYK | 66, 32, 0, 37 | |
HSL | 208.6°, 49.8, 42.2 | hsl(208.6,49.8%,42.2%) |
HSV (or HSB) | 208.6°, 66.5, 63.1 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.953, -1.668, -32.953 |
---|---|
XYZ | 13.529, 14.508, 35.804 |
xyY | 0.212, 0.227, 14.508 |
CIE-LCH | 44.953, 32.995, 267.102 |
CIE-LUV | 44.953, -22.209, -48.308 |
Hunter-Lab | 38.09, -3.258, -29.068 |
Binary | 00110110, 01101110, 10100001 |
Color Schemes with #366ea1
Alternatives to #366ea1
Below, you can see some colors close to #366ea1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#366ea1 Preview
This text has a font color of #366ea1.
<span style="color:#366ea1;">Text here</span>
This paragraph has a background color of #366ea1.
<p style="background-color:#366ea1;">Content here</p>
This element has a border color of #366ea1.
<div style="border:1px solid #366ea1;">Content here</div>
.text {color:#366ea1;}
.background {background-color:#366ea1;}
.border {border:1px solid #366ea1;}
Shades and Tints of #366ea1
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, #050a0e is the darkest color, while #feffff is the lightest one.
-
#050a0e
#050a0e
rgb(5,10,14)
-
#0a141d
#0a141d
rgb(10,20,29)
-
#0f1e2b
#0f1e2b
rgb(15,30,43)
-
#14283a
#14283a
rgb(20,40,58)
-
#183249
#183249
rgb(24,50,73)
-
#1d3c58
#1d3c58
rgb(29,60,88)
-
#224666
#224666
rgb(34,70,102)
-
#275075
#275075
rgb(39,80,117)
-
#2c5a84
#2c5a84
rgb(44,90,132)
-
#316492
#316492
rgb(49,100,146)
-
#366ea1
#366ea1
rgb(54,110,161)
-
#3b78b0
#3b78b0
rgb(59,120,176)
-
#4082be
#4082be
rgb(64,130,190)
-
#4e8cc4
#4e8cc4
rgb(78,140,196)
-
#5d95c9
#5d95c9
rgb(93,149,201)
-
#6c9fce
#6c9fce
rgb(108,159,206)
-
#7aa8d2
#7aa8d2
rgb(122,168,210)
-
#89b2d7
#89b2d7
rgb(137,178,215)
-
#98bcdc
#98bcdc
rgb(152,188,220)
-
#a6c5e1
#a6c5e1
rgb(166,197,225)
-
#b5cfe6
#b5cfe6
rgb(181,207,230)
-
#c4d8eb
#c4d8eb
rgb(196,216,235)
-
#d2e2f0
#d2e2f0
rgb(210,226,240)
-
#e1ebf5
#e1ebf5
rgb(225,235,245)
-
#f0f5fa
#f0f5fa
rgb(240,245,250)
-
#feffff
#feffff
rgb(254,255,255)
Tones of #366ea1
A tone is produced by adding gray to any pure hue. In this case, #686c6f is the less saturated color, while #0470d3 is the most saturated one.
-
#686c6f
#686c6f
rgb(104,108,111)
-
#5f6c78
#5f6c78
rgb(95,108,120)
-
#576c80
#576c80
rgb(87,108,128)
-
#4f6d88
#4f6d88
rgb(79,109,136)
-
#476d90
#476d90
rgb(71,109,144)
-
#3e6e99
#3e6e99
rgb(62,110,153)
-
#366ea1
#366ea1
rgb(54,110,161)
-
#2e6ea9
#2e6ea9
rgb(46,110,169)
-
#256fb2
#256fb2
rgb(37,111,178)
-
#1d6fba
#1d6fba
rgb(29,111,186)
-
#1570c2
#1570c2
rgb(21,112,194)
-
#0d70ca
#0d70ca
rgb(13,112,202)
-
#0470d3
#0470d3
rgb(4,112,211)
Color Blindness Simulator
Below, you can see how #366ea1 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.