#3a30ff Color Information
In a RGB color space, hex #3a30ff is composed of 22.7% red, 18.8% green and 100% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 81.2% magenta, 0% yellow and 0% black. It has a hue angle of 242.9 degrees, a saturation of 100% and a lightness of 59.4%. #3a30ff color hex could be obtained by blending #7460ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 23
- G 19
- B 100
-
- C 77
- M 81
- Y 0
- K 0
● #3a30ff color description : Vivid blue.
#3a30ff Color Conversion
The hexadecimal color #3a30ff has RGB values of R:58, G:48, B:255 and CMYK values of C:0.77, M:0.81, Y:0, K:0. Its decimal value is 3813631.
Hex triplet | 3a30ff | #3a30ff |
---|---|---|
RGB Decimal | 58, 48, 255 | rgb(58,48,255) |
RGB Percent | 22.7, 18.8, 100 | rgb(22.7%,18.8%,100%) |
CMYK | 77, 81, 0, 0 | |
HSL | 242.9°, 100, 59.4 | hsl(242.9,100%,59.4%) |
HSV (or HSB) | 242.9°, 81.2, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 38.256, 67.68, -97.886 |
---|---|
XYZ | 20.848, 10.232, 95.478 |
xyY | 0.165, 0.081, 10.232 |
CIE-LCH | 38.256, 119.006, 304.661 |
CIE-LUV | 38.256, -8.381, -133.52 |
Hunter-Lab | 31.988, 60.361, -154.58 |
Binary | 00111010, 00110000, 11111111 |
Color Schemes with #3a30ff
Alternatives to #3a30ff
Below, you can see some colors close to #3a30ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3a30ff Preview
This text has a font color of #3a30ff.
<span style="color:#3a30ff;">Text here</span>
This paragraph has a background color of #3a30ff.
<p style="background-color:#3a30ff;">Content here</p>
This element has a border color of #3a30ff.
<div style="border:1px solid #3a30ff;">Content here</div>
.text {color:#3a30ff;}
.background {background-color:#3a30ff;}
.border {border:1px solid #3a30ff;}
Shades and Tints of #3a30ff
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, #000009 is the darkest color, while #f5f4ff is the lightest one.
-
#000009
#000009
rgb(0,0,9)
-
#01001c
#01001c
rgb(1,0,28)
-
#020030
#020030
rgb(2,0,48)
-
#030044
#030044
rgb(3,0,68)
-
#040057
#040057
rgb(4,0,87)
-
#05006b
#05006b
rgb(5,0,107)
-
#06007e
#06007e
rgb(6,0,126)
-
#070092
#070092
rgb(7,0,146)
-
#0800a6
#0800a6
rgb(8,0,166)
-
#0900b9
#0900b9
rgb(9,0,185)
-
#0a00cd
#0a00cd
rgb(10,0,205)
-
#0b00e1
#0b00e1
rgb(11,0,225)
-
#0c00f4
#0c00f4
rgb(12,0,244)
-
#1509ff
#1509ff
rgb(21,9,255)
-
#271cff
#271cff
rgb(39,28,255)
-
#3a30ff
#3a30ff
rgb(58,48,255)
-
#4d44ff
#4d44ff
rgb(77,68,255)
-
#5f57ff
#5f57ff
rgb(95,87,255)
-
#726bff
#726bff
rgb(114,107,255)
-
#857eff
#857eff
rgb(133,126,255)
-
#9792ff
#9792ff
rgb(151,146,255)
-
#aaa6ff
#aaa6ff
rgb(170,166,255)
-
#bdb9ff
#bdb9ff
rgb(189,185,255)
-
#cfcdff
#cfcdff
rgb(207,205,255)
-
#e2e1ff
#e2e1ff
rgb(226,225,255)
-
#f5f4ff
#f5f4ff
rgb(245,244,255)
Tones of #3a30ff
A tone is produced by adding gray to any pure hue. In this case, #90909f is the less saturated color, while #3a30ff is the most saturated one.
-
#90909f
#90909f
rgb(144,144,159)
-
#8988a7
#8988a7
rgb(137,136,167)
-
#8280af
#8280af
rgb(130,128,175)
-
#7b78b7
#7b78b7
rgb(123,120,183)
-
#7470bf
#7470bf
rgb(116,112,191)
-
#6c68c7
#6c68c7
rgb(108,104,199)
-
#6560cf
#6560cf
rgb(101,96,207)
-
#5e58d7
#5e58d7
rgb(94,88,215)
-
#5750df
#5750df
rgb(87,80,223)
-
#5048e7
#5048e7
rgb(80,72,231)
-
#4840ef
#4840ef
rgb(72,64,239)
-
#4138f7
#4138f7
rgb(65,56,247)
-
#3a30ff
#3a30ff
rgb(58,48,255)
Color Blindness Simulator
Below, you can see how #3a30ff 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.