#4022ff Color Information
In a RGB color space, hex #4022ff is composed of 25.1% red, 13.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 74.9% cyan, 86.7% magenta, 0% yellow and 0% black. It has a hue angle of 248.1 degrees, a saturation of 100% and a lightness of 56.7%. #4022ff color hex could be obtained by blending #8044ff with #0000ff. Closest websafe color is: #3333ff.
-
- R 25
- G 13
- B 100
-
- C 75
- M 87
- Y 0
- K 0
● #4022ff color description : Vivid blue.
#4022ff Color Conversion
The hexadecimal color #4022ff has RGB values of R:64, G:34, B:255 and CMYK values of C:0.75, M:0.87, Y:0, K:0. Its decimal value is 4203263.
Hex triplet | 4022ff | #4022ff |
---|---|---|
RGB Decimal | 64, 34, 255 | rgb(64,34,255) |
RGB Percent | 25.1, 13.3, 100 | rgb(25.1%,13.3%,100%) |
CMYK | 75, 87, 0, 0 | |
HSL | 248.1°, 100, 56.7 | hsl(248.1,100%,56.7%) |
HSV (or HSB) | 248.1°, 86.7, 100 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 36.842, 73.217, -100.228 |
---|---|
XYZ | 20.733, 9.453, 95.334 |
xyY | 0.165, 0.075, 9.453 |
CIE-LCH | 36.842, 124.122, 306.149 |
CIE-LUV | 36.842, -6.199, -133.462 |
Hunter-Lab | 30.745, 66.565, -162.322 |
Binary | 01000000, 00100010, 11111111 |
Color Schemes with #4022ff
Alternatives to #4022ff
Below, you can see some colors close to #4022ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#4022ff Preview
This text has a font color of #4022ff.
<span style="color:#4022ff;">Text here</span>
This paragraph has a background color of #4022ff.
<p style="background-color:#4022ff;">Content here</p>
This element has a border color of #4022ff.
<div style="border:1px solid #4022ff;">Content here</div>
.text {color:#4022ff;}
.background {background-color:#4022ff;}
.border {border:1px solid #4022ff;}
Shades and Tints of #4022ff
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, #02000e is the darkest color, while #fafaff is the lightest one.
-
#02000e
#02000e
rgb(2,0,14)
-
#050022
#050022
rgb(5,0,34)
-
#070036
#070036
rgb(7,0,54)
-
#0a0049
#0a0049
rgb(10,0,73)
-
#0d005d
#0d005d
rgb(13,0,93)
-
#0f0070
#0f0070
rgb(15,0,112)
-
#120084
#120084
rgb(18,0,132)
-
#150098
#150098
rgb(21,0,152)
-
#1700ab
#1700ab
rgb(23,0,171)
-
#1a00bf
#1a00bf
rgb(26,0,191)
-
#1d00d3
#1d00d3
rgb(29,0,211)
-
#1f00e6
#1f00e6
rgb(31,0,230)
-
#2200fa
#2200fa
rgb(34,0,250)
-
#2f0eff
#2f0eff
rgb(47,14,255)
-
#4022ff
#4022ff
rgb(64,34,255)
-
#5136ff
#5136ff
rgb(81,54,255)
-
#6249ff
#6249ff
rgb(98,73,255)
-
#735dff
#735dff
rgb(115,93,255)
-
#8470ff
#8470ff
rgb(132,112,255)
-
#9584ff
#9584ff
rgb(149,132,255)
-
#a698ff
#a698ff
rgb(166,152,255)
-
#b7abff
#b7abff
rgb(183,171,255)
-
#c8bfff
#c8bfff
rgb(200,191,255)
-
#d9d3ff
#d9d3ff
rgb(217,211,255)
-
#eae6ff
#eae6ff
rgb(234,230,255)
-
#fafaff
#fafaff
rgb(250,250,255)
Tones of #4022ff
A tone is produced by adding gray to any pure hue. In this case, #8a8899 is the less saturated color, while #4022ff is the most saturated one.
-
#8a8899
#8a8899
rgb(138,136,153)
-
#8480a2
#8480a2
rgb(132,128,162)
-
#7e77aa
#7e77aa
rgb(126,119,170)
-
#786fb3
#786fb3
rgb(120,111,179)
-
#7266bb
#7266bb
rgb(114,102,187)
-
#6b5ec4
#6b5ec4
rgb(107,94,196)
-
#6555cc
#6555cc
rgb(101,85,204)
-
#5f4dd5
#5f4dd5
rgb(95,77,213)
-
#5944dd
#5944dd
rgb(89,68,221)
-
#533ce6
#533ce6
rgb(83,60,230)
-
#4c33ee
#4c33ee
rgb(76,51,238)
-
#462bf7
#462bf7
rgb(70,43,247)
-
#4022ff
#4022ff
rgb(64,34,255)
Color Blindness Simulator
Below, you can see how #4022ff 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.