#366ea4 Color Information
In a RGB color space, hex #366ea4 is composed of 21.2% red, 43.1% green and 64.3% blue. Whereas in a CMYK color space, it is composed of 67.1% cyan, 32.9% magenta, 0% yellow and 35.7% black. It has a hue angle of 209.5 degrees, a saturation of 50.5% and a lightness of 42.7%. #366ea4 color hex could be obtained by blending #6cdcff with #000049. Closest websafe color is: #336699.
-
- R 21
- G 43
- B 64
-
- C 67
- M 33
- Y 0
- K 36
● #366ea4 color description : Dark moderate blue.
#366ea4 Color Conversion
The hexadecimal color #366ea4 has RGB values of R:54, G:110, B:164 and CMYK values of C:0.67, M:0.33, Y:0, K:0.36. Its decimal value is 3567268.
Hex triplet | 366ea4 | #366ea4 |
---|---|---|
RGB Decimal | 54, 110, 164 | rgb(54,110,164) |
RGB Percent | 21.2, 43.1, 64.3 | rgb(21.2%,43.1%,64.3%) |
CMYK | 67, 33, 0, 36 | |
HSL | 209.5°, 50.5, 42.7 | hsl(209.5,50.5%,42.7%) |
HSV (or HSB) | 209.5°, 67.1, 64.3 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 45.103, -0.602, -34.484 |
---|---|
XYZ | 13.797, 14.615, 37.214 |
xyY | 0.21, 0.223, 14.615 |
CIE-LCH | 45.103, 34.489, 269 |
CIE-LUV | 45.103, -22.121, -50.835 |
Hunter-Lab | 38.23, -2.486, -30.953 |
Binary | 00110110, 01101110, 10100100 |
Color Schemes with #366ea4
Alternatives to #366ea4
Below, you can see some colors close to #366ea4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#366ea4 Preview
This text has a font color of #366ea4.
<span style="color:#366ea4;">Text here</span>
This paragraph has a background color of #366ea4.
<p style="background-color:#366ea4;">Content here</p>
This element has a border color of #366ea4.
<div style="border:1px solid #366ea4;">Content here</div>
.text {color:#366ea4;}
.background {background-color:#366ea4;}
.border {border:1px solid #366ea4;}
Shades and Tints of #366ea4
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, #010102 is the darkest color, while #f2f6fb is the lightest one.
-
#010102
#010102
rgb(1,1,2)
-
#050b10
#050b10
rgb(5,11,16)
-
#0a151f
#0a151f
rgb(10,21,31)
-
#0f1f2e
#0f1f2e
rgb(15,31,46)
-
#14293d
#14293d
rgb(20,41,61)
-
#19334b
#19334b
rgb(25,51,75)
-
#1e3d5a
#1e3d5a
rgb(30,61,90)
-
#234669
#234669
rgb(35,70,105)
-
#275078
#275078
rgb(39,80,120)
-
#2c5a86
#2c5a86
rgb(44,90,134)
-
#316495
#316495
rgb(49,100,149)
-
#366ea4
#366ea4
rgb(54,110,164)
-
#3b78b3
#3b78b3
rgb(59,120,179)
-
#4182c0
#4182c0
rgb(65,130,192)
-
#508bc5
#508bc5
rgb(80,139,197)
-
#5e95ca
#5e95ca
rgb(94,149,202)
-
#6d9fcf
#6d9fcf
rgb(109,159,207)
-
#7ca9d4
#7ca9d4
rgb(124,169,212)
-
#8bb2d9
#8bb2d9
rgb(139,178,217)
-
#99bcde
#99bcde
rgb(153,188,222)
-
#a8c6e2
#a8c6e2
rgb(168,198,226)
-
#b7d0e7
#b7d0e7
rgb(183,208,231)
-
#c6d9ec
#c6d9ec
rgb(198,217,236)
-
#d4e3f1
#d4e3f1
rgb(212,227,241)
-
#e3edf6
#e3edf6
rgb(227,237,246)
-
#f2f6fb
#f2f6fb
rgb(242,246,251)
Tones of #366ea4
A tone is produced by adding gray to any pure hue. In this case, #686d72 is the less saturated color, while #046fd6 is the most saturated one.
-
#686d72
#686d72
rgb(104,109,114)
-
#606d7a
#606d7a
rgb(96,109,122)
-
#586d82
#586d82
rgb(88,109,130)
-
#4f6e8b
#4f6e8b
rgb(79,110,139)
-
#476e93
#476e93
rgb(71,110,147)
-
#3e6e9c
#3e6e9c
rgb(62,110,156)
-
#366ea4
#366ea4
rgb(54,110,164)
-
#2e6eac
#2e6eac
rgb(46,110,172)
-
#256eb5
#256eb5
rgb(37,110,181)
-
#1d6ebd
#1d6ebd
rgb(29,110,189)
-
#146fc6
#146fc6
rgb(20,111,198)
-
#0c6fce
#0c6fce
rgb(12,111,206)
-
#046fd6
#046fd6
rgb(4,111,214)
Color Blindness Simulator
Below, you can see how #366ea4 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.