#6224ff Color Information
In a RGB color space, hex #6224ff is composed of 38.4% red, 14.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 85.9% magenta, 0% yellow and 0% black. It has a hue angle of 257 degrees, a saturation of 100% and a lightness of 57.1%. #6224ff color hex could be obtained by blending #c448ff with #0000ff. Closest websafe color is: #6633ff.
-
- R 38
- G 14
- B 100
-
- C 62
- M 86
- Y 0
- K 0
● #6224ff color description : Vivid violet.
#6224ff Color Conversion
The hexadecimal color #6224ff has RGB values of R:98, G:36, B:255 and CMYK values of C:0.62, M:0.86, Y:0, K:0. Its decimal value is 6431999.
Hex triplet | 6224ff | #6224ff |
---|---|---|
RGB Decimal | 98, 36, 255 | rgb(98,36,255) |
RGB Percent | 38.4, 14.1, 100 | rgb(38.4%,14.1%,100%) |
CMYK | 62, 86, 0, 0 | |
HSL | 257°, 100, 57.1 | hsl(257,100%,57.1%) |
HSV (or HSB) | 257°, 85.9, 100 | |
Web Safe | 6633ff | #6633ff |
CIE-LAB | 39.711, 74.639, -95.386 |
---|---|
XYZ | 23.715, 11.078, 95.491 |
xyY | 0.182, 0.085, 11.078 |
CIE-LCH | 39.711, 121.117, 308.043 |
CIE-LUV | 39.711, 0.669, -133.727 |
Hunter-Lab | 33.283, 68.938, -146.808 |
Binary | 01100010, 00100100, 11111111 |
Color Schemes with #6224ff
Alternatives to #6224ff
Below, you can see some colors close to #6224ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#6224ff Preview
This text has a font color of #6224ff.
<span style="color:#6224ff;">Text here</span>
This paragraph has a background color of #6224ff.
<p style="background-color:#6224ff;">Content here</p>
This element has a border color of #6224ff.
<div style="border:1px solid #6224ff;">Content here</div>
.text {color:#6224ff;}
.background {background-color:#6224ff;}
.border {border:1px solid #6224ff;}
Shades and Tints of #6224ff
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, #050010 is the darkest color, while #fdfcff is the lightest one.
-
#050010
#050010
rgb(5,0,16)
-
#0a0024
#0a0024
rgb(10,0,36)
-
#100038
#100038
rgb(16,0,56)
-
#15004b
#15004b
rgb(21,0,75)
-
#1b005f
#1b005f
rgb(27,0,95)
-
#200072
#200072
rgb(32,0,114)
-
#260086
#260086
rgb(38,0,134)
-
#2c009a
#2c009a
rgb(44,0,154)
-
#3100ad
#3100ad
rgb(49,0,173)
-
#3700c1
#3700c1
rgb(55,0,193)
-
#3c00d5
#3c00d5
rgb(60,0,213)
-
#4200e8
#4200e8
rgb(66,0,232)
-
#4700fc
#4700fc
rgb(71,0,252)
-
#5410ff
#5410ff
rgb(84,16,255)
-
#6224ff
#6224ff
rgb(98,36,255)
-
#7038ff
#7038ff
rgb(112,56,255)
-
#7e4bff
#7e4bff
rgb(126,75,255)
-
#8c5fff
#8c5fff
rgb(140,95,255)
-
#9a72ff
#9a72ff
rgb(154,114,255)
-
#a886ff
#a886ff
rgb(168,134,255)
-
#b69aff
#b69aff
rgb(182,154,255)
-
#c4adff
#c4adff
rgb(196,173,255)
-
#d2c1ff
#d2c1ff
rgb(210,193,255)
-
#e1d5ff
#e1d5ff
rgb(225,213,255)
-
#efe8ff
#efe8ff
rgb(239,232,255)
-
#fdfcff
#fdfcff
rgb(253,252,255)
Tones of #6224ff
A tone is produced by adding gray to any pure hue. In this case, #8e899a is the less saturated color, while #6224ff is the most saturated one.
-
#8e899a
#8e899a
rgb(142,137,154)
-
#8a81a2
#8a81a2
rgb(138,129,162)
-
#8778ab
#8778ab
rgb(135,120,171)
-
#8370b3
#8370b3
rgb(131,112,179)
-
#7f67bc
#7f67bc
rgb(127,103,188)
-
#7c5fc4
#7c5fc4
rgb(124,95,196)
-
#7857cc
#7857cc
rgb(120,87,204)
-
#744ed5
#744ed5
rgb(116,78,213)
-
#7146dd
#7146dd
rgb(113,70,221)
-
#6d3de6
#6d3de6
rgb(109,61,230)
-
#6935ee
#6935ee
rgb(105,53,238)
-
#662cf7
#662cf7
rgb(102,44,247)
-
#6224ff
#6224ff
rgb(98,36,255)
Color Blindness Simulator
Below, you can see how #6224ff 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.