#366bb0 Color Information
In a RGB color space, hex #366bb0 is composed of 21.2% red, 42% green and 69% blue. Whereas in a CMYK color space, it is composed of 69.3% cyan, 39.2% magenta, 0% yellow and 31% black. It has a hue angle of 213.9 degrees, a saturation of 53% and a lightness of 45.1%. #366bb0 color hex could be obtained by blending #6cd6ff with #000061. Closest websafe color is: #336699.
-
- R 21
- G 42
- B 69
-
- C 69
- M 39
- Y 0
- K 31
● #366bb0 color description : Dark moderate blue.
#366bb0 Color Conversion
The hexadecimal color #366bb0 has RGB values of R:54, G:107, B:176 and CMYK values of C:0.69, M:0.39, Y:0, K:0.31. Its decimal value is 3566512.
Hex triplet | 366bb0 | #366bb0 |
---|---|---|
RGB Decimal | 54, 107, 176 | rgb(54,107,176) |
RGB Percent | 21.2, 42, 69 | rgb(21.2%,42%,69%) |
CMYK | 69, 39, 0, 31 | |
HSL | 213.9°, 53, 45.1 | hsl(213.9,53%,45.1%) |
HSV (or HSB) | 213.9°, 69.3, 69 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 44.848, 5.586, -41.924 |
---|---|
XYZ | 14.614, 14.433, 43.088 |
xyY | 0.203, 0.2, 14.433 |
CIE-LCH | 44.848, 42.295, 277.59 |
CIE-LUV | 44.848, -20.776, -62.897 |
Hunter-Lab | 37.991, 2.178, -40.65 |
Binary | 00110110, 01101011, 10110000 |
Color Schemes with #366bb0
Alternatives to #366bb0
Below, you can see some colors close to #366bb0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#366bb0 Preview
This text has a font color of #366bb0.
<span style="color:#366bb0;">Text here</span>
This paragraph has a background color of #366bb0.
<p style="background-color:#366bb0;">Content here</p>
This element has a border color of #366bb0.
<div style="border:1px solid #366bb0;">Content here</div>
.text {color:#366bb0;}
.background {background-color:#366bb0;}
.border {border:1px solid #366bb0;}
Shades and Tints of #366bb0
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, #03070b is the darkest color, while #fbfcfe is the lightest one.
-
#03070b
#03070b
rgb(3,7,11)
-
#08101a
#08101a
rgb(8,16,26)
-
#0d1929
#0d1929
rgb(13,25,41)
-
#112238
#112238
rgb(17,34,56)
-
#162b47
#162b47
rgb(22,43,71)
-
#1a3456
#1a3456
rgb(26,52,86)
-
#1f3d65
#1f3d65
rgb(31,61,101)
-
#244674
#244674
rgb(36,70,116)
-
#285083
#285083
rgb(40,80,131)
-
#2d5992
#2d5992
rgb(45,89,146)
-
#3162a1
#3162a1
rgb(49,98,161)
-
#366bb0
#366bb0
rgb(54,107,176)
-
#3b74bf
#3b74bf
rgb(59,116,191)
-
#477ec6
#477ec6
rgb(71,126,198)
-
#5689cb
#5689cb
rgb(86,137,203)
-
#6593d0
#6593d0
rgb(101,147,208)
-
#749ed4
#749ed4
rgb(116,158,212)
-
#83a8d9
#83a8d9
rgb(131,168,217)
-
#92b3dd
#92b3dd
rgb(146,179,221)
-
#a1bde2
#a1bde2
rgb(161,189,226)
-
#b0c8e7
#b0c8e7
rgb(176,200,231)
-
#bfd2eb
#bfd2eb
rgb(191,210,235)
-
#ceddf0
#ceddf0
rgb(206,221,240)
-
#dde7f5
#dde7f5
rgb(221,231,245)
-
#ecf2f9
#ecf2f9
rgb(236,242,249)
-
#fbfcfe
#fbfcfe
rgb(251,252,254)
Tones of #366bb0
A tone is produced by adding gray to any pure hue. In this case, #6b727b is the less saturated color, while #0164e5 is the most saturated one.
-
#6b727b
#6b727b
rgb(107,114,123)
-
#627184
#627184
rgb(98,113,132)
-
#59708d
#59708d
rgb(89,112,141)
-
#516e95
#516e95
rgb(81,110,149)
-
#486d9e
#486d9e
rgb(72,109,158)
-
#3f6ca7
#3f6ca7
rgb(63,108,167)
-
#366bb0
#366bb0
rgb(54,107,176)
-
#2d6ab9
#2d6ab9
rgb(45,106,185)
-
#2469c2
#2469c2
rgb(36,105,194)
-
#1b68cb
#1b68cb
rgb(27,104,203)
-
#1366d3
#1366d3
rgb(19,102,211)
-
#0a65dc
#0a65dc
rgb(10,101,220)
-
#0164e5
#0164e5
rgb(1,100,229)
Color Blindness Simulator
Below, you can see how #366bb0 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.