#301ff4 Color Information
In a RGB color space, hex #301ff4 is composed of 18.8% red, 12.2% green and 95.7% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 87.3% magenta, 0% yellow and 4.3% black. It has a hue angle of 244.8 degrees, a saturation of 90.6% and a lightness of 53.9%. #301ff4 color hex could be obtained by blending #603eff with #0000e9. Closest websafe color is: #3333ff.
-
- R 19
- G 12
- B 96
-
- C 80
- M 87
- Y 0
- K 4
● #301ff4 color description : Vivid blue.
#301ff4 Color Conversion
The hexadecimal color #301ff4 has RGB values of R:48, G:31, B:244 and CMYK values of C:0.8, M:0.87, Y:0, K:0.04. Its decimal value is 3153908.
Hex triplet | 301ff4 | #301ff4 |
---|---|---|
RGB Decimal | 48, 31, 244 | rgb(48,31,244) |
RGB Percent | 18.8, 12.2, 95.7 | rgb(18.8%,12.2%,95.7%) |
CMYK | 80, 87, 0, 4 | |
HSL | 244.8°, 90.6, 53.9 | hsl(244.8,90.6%,53.9%) |
HSV (or HSB) | 244.8°, 87.3, 95.7 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 34.27, 70.635, -98.347 |
---|---|
XYZ | 18.035, 8.139, 86.203 |
xyY | 0.16, 0.072, 8.139 |
CIE-LCH | 34.27, 121.084, 305.687 |
CIE-LUV | 34.27, -7.536, -126.806 |
Hunter-Lab | 28.529, 62.917, -159.184 |
Binary | 00110000, 00011111, 11110100 |
Color Schemes with #301ff4
Alternatives to #301ff4
Below, you can see some colors close to #301ff4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#301ff4 Preview
This text has a font color of #301ff4.
<span style="color:#301ff4;">Text here</span>
This paragraph has a background color of #301ff4.
<p style="background-color:#301ff4;">Content here</p>
This element has a border color of #301ff4.
<div style="border:1px solid #301ff4;">Content here</div>
.text {color:#301ff4;}
.background {background-color:#301ff4;}
.border {border:1px solid #301ff4;}
Shades and Tints of #301ff4
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 #eeedfe is the lightest one.
-
#000000
#000000
rgb(0,0,0)
-
#020113
#020113
rgb(2,1,19)
-
#050226
#050226
rgb(5,2,38)
-
#070338
#070338
rgb(7,3,56)
-
#09044b
#09044b
rgb(9,4,75)
-
#0c055e
#0c055e
rgb(12,5,94)
-
#0e0671
#0e0671
rgb(14,6,113)
-
#100683
#100683
rgb(16,6,131)
-
#130796
#130796
rgb(19,7,150)
-
#1508a9
#1508a9
rgb(21,8,169)
-
#1709bb
#1709bb
rgb(23,9,187)
-
#1a0ace
#1a0ace
rgb(26,10,206)
-
#1c0be1
#1c0be1
rgb(28,11,225)
-
#1f0cf3
#1f0cf3
rgb(31,12,243)
-
#301ff4
#301ff4
rgb(48,31,244)
-
#4132f5
#4132f5
rgb(65,50,245)
-
#5344f6
#5344f6
rgb(83,68,246)
-
#6457f7
#6457f7
rgb(100,87,247)
-
#756af8
#756af8
rgb(117,106,248)
-
#867cf9
#867cf9
rgb(134,124,249)
-
#988ffa
#988ffa
rgb(152,143,250)
-
#a9a2fa
#a9a2fa
rgb(169,162,250)
-
#bab5fb
#bab5fb
rgb(186,181,251)
-
#ccc7fc
#ccc7fc
rgb(204,199,252)
-
#dddafd
#dddafd
rgb(221,218,253)
-
#eeedfe
#eeedfe
rgb(238,237,254)
Tones of #301ff4
A tone is produced by adding gray to any pure hue. In this case, #848291 is the less saturated color, while #2816fd is the most saturated one.
-
#848291
#848291
rgb(132,130,145)
-
#7c799a
#7c799a
rgb(124,121,154)
-
#7470a3
#7470a3
rgb(116,112,163)
-
#6d67ac
#6d67ac
rgb(109,103,172)
-
#655eb5
#655eb5
rgb(101,94,181)
-
#5e55be
#5e55be
rgb(94,85,190)
-
#564cc7
#564cc7
rgb(86,76,199)
-
#4e43d0
#4e43d0
rgb(78,67,208)
-
#473ad9
#473ad9
rgb(71,58,217)
-
#3f31e2
#3f31e2
rgb(63,49,226)
-
#3828eb
#3828eb
rgb(56,40,235)
-
#301ff4
#301ff4
rgb(48,31,244)
-
#2816fd
#2816fd
rgb(40,22,253)
Color Blindness Simulator
Below, you can see how #301ff4 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.