#363afd Color Information
In a RGB color space, hex #363afd is composed of 21.2% red, 22.7% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 77.1% magenta, 0% yellow and 0.8% black. It has a hue angle of 238.8 degrees, a saturation of 98% and a lightness of 60.2%. #363afd color hex could be obtained by blending #6c74ff with #0000fb. Closest websafe color is: #3333ff.
-
- R 21
- G 23
- B 99
-
- C 79
- M 77
- Y 0
- K 1
● #363afd color description : Bright blue.
#363afd Color Conversion
The hexadecimal color #363afd has RGB values of R:54, G:58, B:253 and CMYK values of C:0.79, M:0.77, Y:0, K:0.01. Its decimal value is 3554045.
Hex triplet | 363afd | #363afd |
---|---|---|
RGB Decimal | 54, 58, 253 | rgb(54,58,253) |
RGB Percent | 21.2, 22.7, 99.2 | rgb(21.2%,22.7%,99.2%) |
CMYK | 79, 77, 0, 1 | |
HSL | 238.8°, 98, 60.2 | hsl(238.8,98%,60.2%) |
HSV (or HSB) | 238.8°, 78.7, 99.2 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 39.413, 62.269, -94.853 |
---|---|
XYZ | 20.76, 10.901, 93.933 |
xyY | 0.165, 0.087, 10.901 |
CIE-LCH | 39.413, 113.466, 303.284 |
CIE-LUV | 39.413, -10.076, -132.108 |
Hunter-Lab | 33.016, 54.461, -145.571 |
Binary | 00110110, 00111010, 11111101 |
Color Schemes with #363afd
Alternatives to #363afd
Below, you can see some colors close to #363afd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#363afd Preview
This text has a font color of #363afd.
<span style="color:#363afd;">Text here</span>
This paragraph has a background color of #363afd.
<p style="background-color:#363afd;">Content here</p>
This element has a border color of #363afd.
<div style="border:1px solid #363afd;">Content here</div>
.text {color:#363afd;}
.background {background-color:#363afd;}
.border {border:1px solid #363afd;}
Shades and Tints of #363afd
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, #00000d is the darkest color, while #f8f8ff is the lightest one.
-
#00000d
#00000d
rgb(0,0,13)
-
#000120
#000120
rgb(0,1,32)
-
#010233
#010233
rgb(1,2,51)
-
#010247
#010247
rgb(1,2,71)
-
#01035a
#01035a
rgb(1,3,90)
-
#01036e
#01036e
rgb(1,3,110)
-
#010481
#010481
rgb(1,4,129)
-
#010495
#010495
rgb(1,4,149)
-
#0205a8
#0205a8
rgb(2,5,168)
-
#0206bb
#0206bb
rgb(2,6,187)
-
#0206cf
#0206cf
rgb(2,6,207)
-
#0207e2
#0207e2
rgb(2,7,226)
-
#0207f6
#0207f6
rgb(2,7,246)
-
#0f14fd
#0f14fd
rgb(15,20,253)
-
#2327fd
#2327fd
rgb(35,39,253)
-
#363afd
#363afd
rgb(54,58,253)
-
#494dfd
#494dfd
rgb(73,77,253)
-
#5d60fd
#5d60fd
rgb(93,96,253)
-
#7073fe
#7073fe
rgb(112,115,254)
-
#8486fe
#8486fe
rgb(132,134,254)
-
#9799fe
#9799fe
rgb(151,153,254)
-
#abacfe
#abacfe
rgb(171,172,254)
-
#bebffe
#bebffe
rgb(190,191,254)
-
#d1d2ff
#d1d2ff
rgb(209,210,255)
-
#e5e5ff
#e5e5ff
rgb(229,229,255)
-
#f8f8ff
#f8f8ff
rgb(248,248,255)
Tones of #363afd
A tone is produced by adding gray to any pure hue. In this case, #94949f is the less saturated color, while #363afd is the most saturated one.
-
#94949f
#94949f
rgb(148,148,159)
-
#8c8ca7
#8c8ca7
rgb(140,140,167)
-
#8485af
#8485af
rgb(132,133,175)
-
#7c7db7
#7c7db7
rgb(124,125,183)
-
#7476bf
#7476bf
rgb(116,118,191)
-
#6d6ec6
#6d6ec6
rgb(109,110,198)
-
#6567ce
#6567ce
rgb(101,103,206)
-
#5d5fd6
#5d5fd6
rgb(93,95,214)
-
#5558de
#5558de
rgb(85,88,222)
-
#4d50e6
#4d50e6
rgb(77,80,230)
-
#4649ed
#4649ed
rgb(70,73,237)
-
#3e41f5
#3e41f5
rgb(62,65,245)
-
#363afd
#363afd
rgb(54,58,253)
Color Blindness Simulator
Below, you can see how #363afd 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.