#363ddd Color Information
In a RGB color space, hex #363ddd is composed of 21.2% red, 23.9% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 72.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 237.5 degrees, a saturation of 71.1% and a lightness of 53.9%. #363ddd color hex could be obtained by blending #6c7aff with #0000bb. Closest websafe color is: #3333cc.
-
- R 21
- G 24
- B 87
-
- C 76
- M 72
- Y 0
- K 13
● #363ddd color description : Bright blue.
#363ddd Color Conversion
The hexadecimal color #363ddd has RGB values of R:54, G:61, B:221 and CMYK values of C:0.76, M:0.72, Y:0, K:0.13. Its decimal value is 3554781.
Hex triplet | 363ddd | #363ddd |
---|---|---|
RGB Decimal | 54, 61, 221 | rgb(54,61,221) |
RGB Percent | 21.2, 23.9, 86.7 | rgb(21.2%,23.9%,86.7%) |
CMYK | 76, 72, 0, 13 | |
HSL | 237.5°, 71.1, 53.9 | hsl(237.5,71.1%,53.9%) |
HSV (or HSB) | 237.5°, 75.6, 86.7 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 36.633, 50.576, -81.331 |
---|---|
XYZ | 16.239, 9.341, 69.35 |
xyY | 0.171, 0.098, 9.341 |
CIE-LCH | 36.633, 95.774, 301.876 |
CIE-LUV | 36.633, -9.331, -113.167 |
Hunter-Lab | 30.563, 41.353, -113.138 |
Binary | 00110110, 00111101, 11011101 |
Color Schemes with #363ddd
Alternatives to #363ddd
Below, you can see some colors close to #363ddd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#363ddd Preview
This text has a font color of #363ddd.
<span style="color:#363ddd;">Text here</span>
This paragraph has a background color of #363ddd.
<p style="background-color:#363ddd;">Content here</p>
This element has a border color of #363ddd.
<div style="border:1px solid #363ddd;">Content here</div>
.text {color:#363ddd;}
.background {background-color:#363ddd;}
.border {border:1px solid #363ddd;}
Shades and Tints of #363ddd
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, #000000 is the darkest color, while #efeffc is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#030311
#030311
rgb(3,3,17)
-
#060722
#060722
rgb(6,7,34)
-
#090a33
#090a33
rgb(9,10,51)
-
#0b0e43
#0b0e43
rgb(11,14,67)
-
#0e1154
#0e1154
rgb(14,17,84)
-
#111565
#111565
rgb(17,21,101)
-
#141876
#141876
rgb(20,24,118)
-
#171b87
#171b87
rgb(23,27,135)
-
#1a1f97
#1a1f97
rgb(26,31,151)
-
#1c22a8
#1c22a8
rgb(28,34,168)
-
#1f26b9
#1f26b9
rgb(31,38,185)
-
#2229ca
#2229ca
rgb(34,41,202)
-
#252dda
#252dda
rgb(37,45,218)
-
#363ddd
#363ddd
rgb(54,61,221)
-
#474de0
#474de0
rgb(71,77,224)
-
#585de3
#585de3
rgb(88,93,227)
-
#686ee6
#686ee6
rgb(104,110,230)
-
#797ee8
#797ee8
rgb(121,126,232)
-
#8a8eeb
#8a8eeb
rgb(138,142,235)
-
#9b9eee
#9b9eee
rgb(155,158,238)
-
#abaef1
#abaef1
rgb(171,174,241)
-
#bcbff4
#bcbff4
rgb(188,191,244)
-
#cdcff7
#cdcff7
rgb(205,207,247)
-
#dedff9
#dedff9
rgb(222,223,249)
-
#efeffc
#efeffc
rgb(239,239,252)
Tones of #363ddd
A tone is produced by adding gray to any pure hue. In this case, #87888c is the less saturated color, while #1b24f8 is the most saturated one.
-
#87888c
#87888c
rgb(135,136,140)
-
#7e7f95
#7e7f95
rgb(126,127,149)
-
#75779e
#75779e
rgb(117,119,158)
-
#6c6fa7
#6c6fa7
rgb(108,111,167)
-
#6366b0
#6366b0
rgb(99,102,176)
-
#5a5eb9
#5a5eb9
rgb(90,94,185)
-
#5156c2
#5156c2
rgb(81,86,194)
-
#484ecb
#484ecb
rgb(72,78,203)
-
#3f45d4
#3f45d4
rgb(63,69,212)
-
#363ddd
#363ddd
rgb(54,61,221)
-
#2d35e6
#2d35e6
rgb(45,53,230)
-
#242cef
#242cef
rgb(36,44,239)
-
#1b24f8
#1b24f8
rgb(27,36,248)
Color Blindness Simulator
Below, you can see how #363ddd 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.