#366ed1 Color Information
In a RGB color space, hex #366ed1 is composed of 21.2% red, 43.1% green and 82% blue. Whereas in a CMYK color space, it is composed of 74.2% cyan, 47.4% magenta, 0% yellow and 18% black. It has a hue angle of 218.3 degrees, a saturation of 62.8% and a lightness of 51.6%. #366ed1 color hex could be obtained by blending #6cdcff with #0000a3. Closest websafe color is: #3366cc.
-
- R 21
- G 43
- B 82
-
- C 74
- M 47
- Y 0
- K 18
● #366ed1 color description : Moderate blue.
#366ed1 Color Conversion
The hexadecimal color #366ed1 has RGB values of R:54, G:110, B:209 and CMYK values of C:0.74, M:0.47, Y:0, K:0.18. Its decimal value is 3567313.
Hex triplet | 366ed1 | #366ed1 |
---|---|---|
RGB Decimal | 54, 110, 209 | rgb(54,110,209) |
RGB Percent | 21.2, 43.1, 82 | rgb(21.2%,43.1%,82%) |
CMYK | 74, 47, 0, 18 | |
HSL | 218.3°, 62.8, 51.6 | hsl(218.3,62.8%,51.6%) |
HSV (or HSB) | 218.3°, 74.2, 82 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 47.673, 15.853, -56.461 |
---|---|
XYZ | 18.603, 16.538, 62.53 |
xyY | 0.19, 0.169, 16.538 |
CIE-LCH | 47.673, 58.644, 285.684 |
CIE-LUV | 47.673, -21.09, -87.185 |
Hunter-Lab | 40.667, 10.488, -62.697 |
Binary | 00110110, 01101110, 11010001 |
Color Schemes with #366ed1
Alternatives to #366ed1
Below, you can see some colors close to #366ed1. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#366ed1 Preview
This text has a font color of #366ed1.
<span style="color:#366ed1;">Text here</span>
This paragraph has a background color of #366ed1.
<p style="background-color:#366ed1;">Content here</p>
This element has a border color of #366ed1.
<div style="border:1px solid #366ed1;">Content here</div>
.text {color:#366ed1;}
.background {background-color:#366ed1;}
.border {border:1px solid #366ed1;}
Shades and Tints of #366ed1
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, #010307 is the darkest color, while #f6f8fd is the lightest one.
-
#010307
#010307
rgb(1,3,7)
-
#050b16
#050b16
rgb(5,11,22)
-
#091426
#091426
rgb(9,20,38)
-
#0c1c36
#0c1c36
rgb(12,28,54)
-
#102446
#102446
rgb(16,36,70)
-
#142c56
#142c56
rgb(20,44,86)
-
#173466
#173466
rgb(23,52,102)
-
#1b3c76
#1b3c76
rgb(27,60,118)
-
#1f4486
#1f4486
rgb(31,68,134)
-
#224c96
#224c96
rgb(34,76,150)
-
#2654a6
#2654a6
rgb(38,84,166)
-
#2a5cb6
#2a5cb6
rgb(42,92,182)
-
#2d65c6
#2d65c6
rgb(45,101,198)
-
#366ed1
#366ed1
rgb(54,110,209)
-
#467ad5
#467ad5
rgb(70,122,213)
-
#5685d8
#5685d8
rgb(86,133,216)
-
#6691dc
#6691dc
rgb(102,145,220)
-
#769ce0
#769ce0
rgb(118,156,224)
-
#86a8e3
#86a8e3
rgb(134,168,227)
-
#96b3e7
#96b3e7
rgb(150,179,231)
-
#a6bfeb
#a6bfeb
rgb(166,191,235)
-
#b6caee
#b6caee
rgb(182,202,238)
-
#c6d6f2
#c6d6f2
rgb(198,214,242)
-
#d6e1f6
#d6e1f6
rgb(214,225,246)
-
#e6edf9
#e6edf9
rgb(230,237,249)
-
#f6f8fd
#f6f8fd
rgb(246,248,253)
Tones of #366ed1
A tone is produced by adding gray to any pure hue. In this case, #828385 is the less saturated color, while #1063f7 is the most saturated one.
-
#828385
#828385
rgb(130,131,133)
-
#79808f
#79808f
rgb(121,128,143)
-
#6f7e98
#6f7e98
rgb(111,126,152)
-
#667ba2
#667ba2
rgb(102,123,162)
-
#5c79ab
#5c79ab
rgb(92,121,171)
-
#5376b5
#5376b5
rgb(83,118,181)
-
#4973be
#4973be
rgb(73,115,190)
-
#4071c8
#4071c8
rgb(64,113,200)
-
#366ed1
#366ed1
rgb(54,110,209)
-
#2d6bdb
#2d6bdb
rgb(45,107,219)
-
#2369e4
#2369e4
rgb(35,105,228)
-
#1a66ee
#1a66ee
rgb(26,102,238)
-
#1063f7
#1063f7
rgb(16,99,247)
Color Blindness Simulator
Below, you can see how #366ed1 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.