#3618ff Color Information
In a RGB color space, hex #3618ff is composed of 21.2% red, 9.4% green and 100% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 90.6% magenta, 0% yellow and 0% black. It has a hue angle of 247.8 degrees, a saturation of 100% and a lightness of 54.7%. #3618ff color hex could be obtained by blending #6c30ff with #0000ff. Closest websafe color is: #3300ff.
-
- R 21
- G 9
- B 100
-
- C 79
- M 91
- Y 0
- K 0
● #3618ff color description : Vivid blue.
#3618ff Color Conversion
The hexadecimal color #3618ff has RGB values of R:54, G:24, B:255 and CMYK values of C:0.79, M:0.91, Y:0, K:0. Its decimal value is 3545343.
Hex triplet | 3618ff | #3618ff |
---|---|---|
RGB Decimal | 54, 24, 255 | rgb(54,24,255) |
RGB Percent | 21.2, 9.4, 100 | rgb(21.2%,9.4%,100%) |
CMYK | 79, 91, 0, 0 | |
HSL | 247.8°, 100, 54.7 | hsl(247.8,100%,54.7%) |
HSV (or HSB) | 247.8°, 90.6, 100 | |
Web Safe | 3300ff | #3300ff |
CIE-LAB | 35.314, 75.69, -102.789 |
---|---|
XYZ | 19.894, 8.656, 95.225 |
xyY | 0.161, 0.07, 8.656 |
CIE-LCH | 35.314, 127.65, 306.367 |
CIE-LUV | 35.314, -6.921, -132.863 |
Hunter-Lab | 29.422, 69.211, -171.301 |
Binary | 00110110, 00011000, 11111111 |
Color Schemes with #3618ff
Alternatives to #3618ff
Below, you can see some colors close to #3618ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3618ff Preview
This text has a font color of #3618ff.
<span style="color:#3618ff;">Text here</span>
This paragraph has a background color of #3618ff.
<p style="background-color:#3618ff;">Content here</p>
This element has a border color of #3618ff.
<div style="border:1px solid #3618ff;">Content here</div>
.text {color:#3618ff;}
.background {background-color:#3618ff;}
.border {border:1px solid #3618ff;}
Shades and Tints of #3618ff
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, #010004 is the darkest color, while #f2f0ff is the lightest one.
-
#010004
#010004
rgb(1,0,4)
-
#030018
#030018
rgb(3,0,24)
-
#06002c
#06002c
rgb(6,0,44)
-
#08003f
#08003f
rgb(8,0,63)
-
#0b0053
#0b0053
rgb(11,0,83)
-
#0d0066
#0d0066
rgb(13,0,102)
-
#10007a
#10007a
rgb(16,0,122)
-
#12008e
#12008e
rgb(18,0,142)
-
#1500a1
#1500a1
rgb(21,0,161)
-
#1700b5
#1700b5
rgb(23,0,181)
-
#1a00c9
#1a00c9
rgb(26,0,201)
-
#1d00dc
#1d00dc
rgb(29,0,220)
-
#1f00f0
#1f00f0
rgb(31,0,240)
-
#2504ff
#2504ff
rgb(37,4,255)
-
#3618ff
#3618ff
rgb(54,24,255)
-
#472cff
#472cff
rgb(71,44,255)
-
#583fff
#583fff
rgb(88,63,255)
-
#6953ff
#6953ff
rgb(105,83,255)
-
#7a66ff
#7a66ff
rgb(122,102,255)
-
#8b7aff
#8b7aff
rgb(139,122,255)
-
#9c8eff
#9c8eff
rgb(156,142,255)
-
#ada1ff
#ada1ff
rgb(173,161,255)
-
#bfb5ff
#bfb5ff
rgb(191,181,255)
-
#d0c9ff
#d0c9ff
rgb(208,201,255)
-
#e1dcff
#e1dcff
rgb(225,220,255)
-
#f2f0ff
#f2f0ff
rgb(242,240,255)
Tones of #3618ff
A tone is produced by adding gray to any pure hue. In this case, #858394 is the less saturated color, while #3618ff is the most saturated one.
-
#858394
#858394
rgb(133,131,148)
-
#7e7a9d
#7e7a9d
rgb(126,122,157)
-
#7871a6
#7871a6
rgb(120,113,166)
-
#7168af
#7168af
rgb(113,104,175)
-
#6b5fb8
#6b5fb8
rgb(107,95,184)
-
#6456c1
#6456c1
rgb(100,86,193)
-
#5d4dca
#5d4dca
rgb(93,77,202)
-
#5744d3
#5744d3
rgb(87,68,211)
-
#503cdb
#503cdb
rgb(80,60,219)
-
#4a33e4
#4a33e4
rgb(74,51,228)
-
#432aed
#432aed
rgb(67,42,237)
-
#3d21f6
#3d21f6
rgb(61,33,246)
-
#3618ff
#3618ff
rgb(54,24,255)
Color Blindness Simulator
Below, you can see how #3618ff 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.