#366ef5 Color Information
In a RGB color space, hex #366ef5 is composed of 21.2% red, 43.1% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 78% cyan, 55.1% magenta, 0% yellow and 3.9% black. It has a hue angle of 222.4 degrees, a saturation of 90.5% and a lightness of 58.6%. #366ef5 color hex could be obtained by blending #6cdcff with #0000eb. Closest websafe color is: #3366ff.
-
- R 21
- G 43
- B 96
-
- C 78
- M 55
- Y 0
- K 4
● #366ef5 color description : Bright blue.
#366ef5 Color Conversion
The hexadecimal color #366ef5 has RGB values of R:54, G:110, B:245 and CMYK values of C:0.78, M:0.55, Y:0, K:0.04. Its decimal value is 3567349.
Hex triplet | 366ef5 | #366ef5 |
---|---|---|
RGB Decimal | 54, 110, 245 | rgb(54,110,245) |
RGB Percent | 21.2, 43.1, 96.1 | rgb(21.2%,43.1%,96.1%) |
CMYK | 78, 55, 0, 4 | |
HSL | 222.4°, 90.5, 58.6 | hsl(222.4,90.5%,58.6%) |
HSV (or HSB) | 222.4°, 78, 96.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 50.129, 29.114, -72.784 |
---|---|
XYZ | 23.575, 18.527, 88.715 |
xyY | 0.18, 0.142, 18.527 |
CIE-LCH | 50.129, 78.391, 291.802 |
CIE-LUV | 50.129, -20.663, -113.771 |
Hunter-Lab | 43.043, 22.442, -92.071 |
Binary | 00110110, 01101110, 11110101 |
Color Schemes with #366ef5
Alternatives to #366ef5
Below, you can see some colors close to #366ef5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#366ef5 Preview
This text has a font color of #366ef5.
<span style="color:#366ef5;">Text here</span>
This paragraph has a background color of #366ef5.
<p style="background-color:#366ef5;">Content here</p>
This element has a border color of #366ef5.
<div style="border:1px solid #366ef5;">Content here</div>
.text {color:#366ef5;}
.background {background-color:#366ef5;}
.border {border:1px solid #366ef5;}
Shades and Tints of #366ef5
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, #000105 is the darkest color, while #f1f5fe is the lightest one.
-
#000105
#000105
rgb(0,1,5)
-
#010817
#010817
rgb(1,8,23)
-
#020e2a
#020e2a
rgb(2,14,42)
-
#03143d
#03143d
rgb(3,20,61)
-
#041a4f
#041a4f
rgb(4,26,79)
-
#052062
#052062
rgb(5,32,98)
-
#062675
#062675
rgb(6,38,117)
-
#072c87
#072c87
rgb(7,44,135)
-
#08339a
#08339a
rgb(8,51,154)
-
#0939ad
#0939ad
rgb(9,57,173)
-
#0a3fbf
#0a3fbf
rgb(10,63,191)
-
#0a45d2
#0a45d2
rgb(10,69,210)
-
#0b4be5
#0b4be5
rgb(11,75,229)
-
#1153f3
#1153f3
rgb(17,83,243)
-
#2361f4
#2361f4
rgb(35,97,244)
-
#366ef5
#366ef5
rgb(54,110,245)
-
#497bf6
#497bf6
rgb(73,123,246)
-
#5b89f7
#5b89f7
rgb(91,137,247)
-
#6e96f8
#6e96f8
rgb(110,150,248)
-
#81a4f9
#81a4f9
rgb(129,164,249)
-
#93b1fa
#93b1fa
rgb(147,177,250)
-
#a6bffb
#a6bffb
rgb(166,191,251)
-
#b9ccfc
#b9ccfc
rgb(185,204,252)
-
#cbdafc
#cbdafc
rgb(203,218,252)
-
#dee7fd
#dee7fd
rgb(222,231,253)
-
#f1f5fe
#f1f5fe
rgb(241,245,254)
Tones of #366ef5
A tone is produced by adding gray to any pure hue. In this case, #8f939c is the less saturated color, while #2e6bfd is the most saturated one.
-
#8f939c
#8f939c
rgb(143,147,156)
-
#8790a4
#8790a4
rgb(135,144,164)
-
#7f8cac
#7f8cac
rgb(127,140,172)
-
#7789b4
#7789b4
rgb(119,137,180)
-
#6f85bc
#6f85bc
rgb(111,133,188)
-
#6782c4
#6782c4
rgb(103,130,196)
-
#5f7fcc
#5f7fcc
rgb(95,127,204)
-
#567bd5
#567bd5
rgb(86,123,213)
-
#4e78dd
#4e78dd
rgb(78,120,221)
-
#4675e5
#4675e5
rgb(70,117,229)
-
#3e71ed
#3e71ed
rgb(62,113,237)
-
#366ef5
#366ef5
rgb(54,110,245)
-
#2e6bfd
#2e6bfd
rgb(46,107,253)
Color Blindness Simulator
Below, you can see how #366ef5 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.