#6222ff Color Information
In a RGB color space, hex #6222ff is composed of 38.4% red, 13.3% green and 100% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 86.7% magenta, 0% yellow and 0% black. It has a hue angle of 257.4 degrees, a saturation of 100% and a lightness of 56.7%. #6222ff color hex could be obtained by blending #c444ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 38
- G 13
- B 100
-
- C 62
- M 87
- Y 0
- K 0
● #6222ff color description : Vivid violet.
#6222ff Color Conversion
The hexadecimal color #6222ff has RGB values of R:98, G:34, B:255 and CMYK values of C:0.62, M:0.87, Y:0, K:0. Its decimal value is 6431487.
Hex triplet | 6222ff | #6222ff |
---|---|---|
RGB Decimal | 98, 34, 255 | rgb(98,34,255) |
RGB Percent | 38.4, 13.3, 100 | rgb(38.4%,13.3%,100%) |
CMYK | 62, 87, 0, 0 | |
HSL | 257.4°, 100, 56.7 | hsl(257.4,100%,56.7%) |
HSV (or HSB) | 257.4°, 86.7, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 39.513, 75.231, -95.714 |
---|---|
XYZ | 23.656, 10.96, 95.471 |
xyY | 0.182, 0.084, 10.96 |
CIE-LCH | 39.513, 121.741, 308.167 |
CIE-LUV | 39.513, 0.816, -133.781 |
Hunter-Lab | 33.106, 69.612, -147.808 |
Binary | 01100010, 00100010, 11111111 |
Color Schemes with #6222ff
Alternatives to #6222ff
Below, you can see some colors close to #6222ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6222ff Preview
This text has a font color of #6222ff.
<span style="color:#6222ff;">Text here</span>
This paragraph has a background color of #6222ff.
<p style="background-color:#6222ff;">Content here</p>
This element has a border color of #6222ff.
<div style="border:1px solid #6222ff;">Content here</div>
.text {color:#6222ff;}
.background {background-color:#6222ff;}
.border {border:1px solid #6222ff;}
Shades and Tints of #6222ff
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, #04000e is the darkest color, while #fbfaff is the lightest one.
-
#04000e
#04000e
rgb(4,0,14)
-
#0a0022
#0a0022
rgb(10,0,34)
-
#100036
#100036
rgb(16,0,54)
-
#150049
#150049
rgb(21,0,73)
-
#1b005d
#1b005d
rgb(27,0,93)
-
#210070
#210070
rgb(33,0,112)
-
#260084
#260084
rgb(38,0,132)
-
#2c0098
#2c0098
rgb(44,0,152)
-
#3200ab
#3200ab
rgb(50,0,171)
-
#3700bf
#3700bf
rgb(55,0,191)
-
#3d00d3
#3d00d3
rgb(61,0,211)
-
#4300e6
#4300e6
rgb(67,0,230)
-
#4800fa
#4800fa
rgb(72,0,250)
-
#540eff
#540eff
rgb(84,14,255)
-
#6222ff
#6222ff
rgb(98,34,255)
-
#7036ff
#7036ff
rgb(112,54,255)
-
#7e49ff
#7e49ff
rgb(126,73,255)
-
#8c5dff
#8c5dff
rgb(140,93,255)
-
#9a70ff
#9a70ff
rgb(154,112,255)
-
#a884ff
#a884ff
rgb(168,132,255)
-
#b698ff
#b698ff
rgb(182,152,255)
-
#c4abff
#c4abff
rgb(196,171,255)
-
#d1bfff
#d1bfff
rgb(209,191,255)
-
#dfd3ff
#dfd3ff
rgb(223,211,255)
-
#ede6ff
#ede6ff
rgb(237,230,255)
-
#fbfaff
#fbfaff
rgb(251,250,255)
Tones of #6222ff
A tone is produced by adding gray to any pure hue. In this case, #8d8899 is the less saturated color, while #6222ff is the most saturated one.
-
#8d8899
#8d8899
rgb(141,136,153)
-
#8980a2
#8980a2
rgb(137,128,162)
-
#8677aa
#8677aa
rgb(134,119,170)
-
#826fb3
#826fb3
rgb(130,111,179)
-
#7f66bb
#7f66bb
rgb(127,102,187)
-
#7b5ec4
#7b5ec4
rgb(123,94,196)
-
#7755cc
#7755cc
rgb(119,85,204)
-
#744dd5
#744dd5
rgb(116,77,213)
-
#7044dd
#7044dd
rgb(112,68,221)
-
#6d3ce6
#6d3ce6
rgb(109,60,230)
-
#6933ee
#6933ee
rgb(105,51,238)
-
#662bf7
#662bf7
rgb(102,43,247)
-
#6222ff
#6222ff
rgb(98,34,255)
Color Blindness Simulator
Below, you can see how #6222ff 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.