#363afe Color Information
In a RGB color space, hex #363afe is composed of 21.2% red, 22.7% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 77.2% magenta, 0% yellow and 0.4% black. It has a hue angle of 238.8 degrees, a saturation of 99% and a lightness of 60.4%. #363afe color hex could be obtained by blending #6c74ff with #0000fd. Closest websafe color is: #3333ff.
-
- R 21
- G 23
- B 100
-
- C 79
- M 77
- Y 0
- K 0
● #363afe color description : Bright blue.
#363afe Color Conversion
The hexadecimal color #363afe has RGB values of R:54, G:58, B:254 and CMYK values of C:0.79, M:0.77, Y:0, K:0. Its decimal value is 3554046.
Hex triplet | 363afe | #363afe |
---|---|---|
RGB Decimal | 54, 58, 254 | rgb(54,58,254) |
RGB Percent | 21.2, 22.7, 99.6 | rgb(21.2%,22.7%,99.6%) |
CMYK | 79, 77, 0, 0 | |
HSL | 238.8°, 99, 60.4 | hsl(238.8,99%,60.4%) |
HSV (or HSB) | 238.8°, 78.7, 99.6 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 39.521, 62.573, -95.233 |
---|---|
XYZ | 20.92, 10.965, 94.774 |
xyY | 0.165, 0.087, 10.965 |
CIE-LCH | 39.521, 113.951, 303.307 |
CIE-LUV | 39.521, -10.115, -132.68 |
Hunter-Lab | 33.113, 54.825, -146.517 |
Binary | 00110110, 00111010, 11111110 |
Color Schemes with #363afe
Alternatives to #363afe
Below, you can see some colors close to #363afe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#363afe Preview
This text has a font color of #363afe.
<span style="color:#363afe;">Text here</span>
This paragraph has a background color of #363afe.
<p style="background-color:#363afe;">Content here</p>
This element has a border color of #363afe.
<div style="border:1px solid #363afe;">Content here</div>
.text {color:#363afe;}
.background {background-color:#363afe;}
.border {border:1px solid #363afe;}
Shades and Tints of #363afe
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, #00000e is the darkest color, while #f9f9ff is the lightest one.
-
#00000e
#00000e
rgb(0,0,14)
-
#000121
#000121
rgb(0,1,33)
-
#000135
#000135
rgb(0,1,53)
-
#000248
#000248
rgb(0,2,72)
-
#00025c
#00025c
rgb(0,2,92)
-
#01036f
#01036f
rgb(1,3,111)
-
#010383
#010383
rgb(1,3,131)
-
#010496
#010496
rgb(1,4,150)
-
#0104aa
#0104aa
rgb(1,4,170)
-
#0105bd
#0105bd
rgb(1,5,189)
-
#0105d1
#0105d1
rgb(1,5,209)
-
#0106e4
#0106e4
rgb(1,6,228)
-
#0106f8
#0106f8
rgb(1,6,248)
-
#0f14fe
#0f14fe
rgb(15,20,254)
-
#2227fe
#2227fe
rgb(34,39,254)
-
#363afe
#363afe
rgb(54,58,254)
-
#4a4dfe
#4a4dfe
rgb(74,77,254)
-
#5d60fe
#5d60fe
rgb(93,96,254)
-
#7173fe
#7173fe
rgb(113,115,254)
-
#8487fe
#8487fe
rgb(132,135,254)
-
#989afe
#989afe
rgb(152,154,254)
-
#abadff
#abadff
rgb(171,173,255)
-
#bfc0ff
#bfc0ff
rgb(191,192,255)
-
#d2d3ff
#d2d3ff
rgb(210,211,255)
-
#e6e6ff
#e6e6ff
rgb(230,230,255)
-
#f9f9ff
#f9f9ff
rgb(249,249,255)
Tones of #363afe
A tone is produced by adding gray to any pure hue. In this case, #9394a1 is the less saturated color, while #363afe is the most saturated one.
-
#9394a1
#9394a1
rgb(147,148,161)
-
#8b8ca9
#8b8ca9
rgb(139,140,169)
-
#8485b0
#8485b0
rgb(132,133,176)
-
#7c7db8
#7c7db8
rgb(124,125,184)
-
#7476c0
#7476c0
rgb(116,118,192)
-
#6c6ec8
#6c6ec8
rgb(108,110,200)
-
#6567cf
#6567cf
rgb(101,103,207)
-
#5d5fd7
#5d5fd7
rgb(93,95,215)
-
#5558df
#5558df
rgb(85,88,223)
-
#4d50e7
#4d50e7
rgb(77,80,231)
-
#4649ee
#4649ee
rgb(70,73,238)
-
#3e41f6
#3e41f6
rgb(62,65,246)
-
#363afe
#363afe
rgb(54,58,254)
Color Blindness Simulator
Below, you can see how #363afe 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.