#366cf0 Color Information
In a RGB color space, hex #366cf0 is composed of 21.2% red, 42.4% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 77.5% cyan, 55% magenta, 0% yellow and 5.9% black. It has a hue angle of 222.6 degrees, a saturation of 86.1% and a lightness of 57.6%. #366cf0 color hex could be obtained by blending #6cd8ff with #0000e1. Closest websafe color is: #3366ff.
-
- R 21
- G 42
- B 94
-
- C 78
- M 55
- Y 0
- K 6
● #366cf0 color description : Bright blue.
#366cf0 Color Conversion
The hexadecimal color #366cf0 has RGB values of R:54, G:108, B:240 and CMYK values of C:0.78, M:0.55, Y:0, K:0.06. Its decimal value is 3566832.
Hex triplet | 366cf0 | #366cf0 |
---|---|---|
RGB Decimal | 54, 108, 240 | rgb(54,108,240) |
RGB Percent | 21.2, 42.4, 94.1 | rgb(21.2%,42.4%,94.1%) |
CMYK | 78, 55, 0, 6 | |
HSL | 222.6°, 86.1, 57.6 | hsl(222.6,86.1%,57.6%) |
HSV (or HSB) | 222.6°, 77.5, 94.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 49.251, 28.545, -71.419 |
---|---|
XYZ | 22.609, 17.799, 84.677 |
xyY | 0.181, 0.142, 17.799 |
CIE-LCH | 49.251, 76.912, 291.786 |
CIE-LUV | 49.251, -20.159, -111.192 |
Hunter-Lab | 42.189, 21.826, -89.469 |
Binary | 00110110, 01101100, 11110000 |
Color Schemes with #366cf0
Alternatives to #366cf0
Below, you can see some colors close to #366cf0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#366cf0 Preview
This text has a font color of #366cf0.
<span style="color:#366cf0;">Text here</span>
This paragraph has a background color of #366cf0.
<p style="background-color:#366cf0;">Content here</p>
This element has a border color of #366cf0.
<div style="border:1px solid #366cf0;">Content here</div>
.text {color:#366cf0;}
.background {background-color:#366cf0;}
.border {border:1px solid #366cf0;}
Shades and Tints of #366cf0
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, #010612 is the darkest color, while #ffffff is the lightest one.
-
#010612
#010612
rgb(1,6,18)
-
#030c24
#030c24
rgb(3,12,36)
-
#041337
#041337
rgb(4,19,55)
-
#051949
#051949
rgb(5,25,73)
-
#071f5b
#071f5b
rgb(7,31,91)
-
#08266d
#08266d
rgb(8,38,109)
-
#0a2c80
#0a2c80
rgb(10,44,128)
-
#0b3292
#0b3292
rgb(11,50,146)
-
#0c38a4
#0c38a4
rgb(12,56,164)
-
#0e3fb6
#0e3fb6
rgb(14,63,182)
-
#0f45c9
#0f45c9
rgb(15,69,201)
-
#104bdb
#104bdb
rgb(16,75,219)
-
#1251ed
#1251ed
rgb(18,81,237)
-
#245fef
#245fef
rgb(36,95,239)
-
#366cf0
#366cf0
rgb(54,108,240)
-
#4879f1
#4879f1
rgb(72,121,241)
-
#5b87f3
#5b87f3
rgb(91,135,243)
-
#6d94f4
#6d94f4
rgb(109,148,244)
-
#7fa1f5
#7fa1f5
rgb(127,161,245)
-
#91aff7
#91aff7
rgb(145,175,247)
-
#a4bcf8
#a4bcf8
rgb(164,188,248)
-
#b6c9fa
#b6c9fa
rgb(182,201,250)
-
#c8d7fb
#c8d7fb
rgb(200,215,251)
-
#dae4fc
#dae4fc
rgb(218,228,252)
-
#edf1fe
#edf1fe
rgb(237,241,254)
-
#ffffff
#ffffff
rgb(255,255,255)
Tones of #366cf0
A tone is produced by adding gray to any pure hue. In this case, #919295 is the less saturated color, while #2e69f8 is the most saturated one.
-
#919295
#919295
rgb(145,146,149)
-
#898f9d
#898f9d
rgb(137,143,157)
-
#818ba5
#818ba5
rgb(129,139,165)
-
#7888ae
#7888ae
rgb(120,136,174)
-
#7084b6
#7084b6
rgb(112,132,182)
-
#6881be
#6881be
rgb(104,129,190)
-
#607dc6
#607dc6
rgb(96,125,198)
-
#577acf
#577acf
rgb(87,122,207)
-
#4f76d7
#4f76d7
rgb(79,118,215)
-
#4773df
#4773df
rgb(71,115,223)
-
#3e6fe8
#3e6fe8
rgb(62,111,232)
-
#366cf0
#366cf0
rgb(54,108,240)
-
#2e69f8
#2e69f8
rgb(46,105,248)
Color Blindness Simulator
Below, you can see how #366cf0 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.