#ca31ff Color Information
In a RGB color space, hex #ca31ff is composed of 79.2% red, 19.2% green and 100% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 80.8% magenta, 0% yellow and 0% black. It has a hue angle of 284.6 degrees, a saturation of 100% and a lightness of 59.6%. #ca31ff color hex could be obtained by blending #ff62ff with #9500ff. Closest websafe color is: #cc33ff.
-
- R 79
- G 19
- B 100
-
- C 21
- M 81
- Y 0
- K 0
● #ca31ff color description : Vivid violet.
#ca31ff Color Conversion
The hexadecimal color #ca31ff has RGB values of R:202, G:49, B:255 and CMYK values of C:0.21, M:0.81, Y:0, K:0. Its decimal value is 13251071.
Hex triplet | ca31ff | #ca31ff |
---|---|---|
RGB Decimal | 202, 49, 255 | rgb(202,49,255) |
RGB Percent | 79.2, 19.2, 100 | rgb(79.2%,19.2%,100%) |
CMYK | 21, 81, 0, 0 | |
HSL | 284.6°, 100, 59.6 | hsl(284.6,100%,59.6%) |
HSV (or HSB) | 284.6°, 80.8, 100 | |
Web Safe | cc33ff | #cc33ff |
CIE-LAB | 54, 83.602, -71.455 |
---|---|
XYZ | 43.503, 21.975, 96.552 |
xyY | 0.268, 0.136, 21.975 |
CIE-LCH | 54, 109.978, 319.479 |
CIE-LUV | 54, 45.426, -119.297 |
Hunter-Lab | 46.877, 83.616, -89.304 |
Binary | 11001010, 00110001, 11111111 |
Color Schemes with #ca31ff
Alternatives to #ca31ff
Below, you can see some colors close to #ca31ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ca31ff Preview
This text has a font color of #ca31ff.
<span style="color:#ca31ff;">Text here</span>
This paragraph has a background color of #ca31ff.
<p style="background-color:#ca31ff;">Content here</p>
This element has a border color of #ca31ff.
<div style="border:1px solid #ca31ff;">Content here</div>
.text {color:#ca31ff;}
.background {background-color:#ca31ff;}
.border {border:1px solid #ca31ff;}
Shades and Tints of #ca31ff
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, #07000a is the darkest color, while #fcf5ff is the lightest one.
-
#07000a
#07000a
rgb(7,0,10)
-
#16001d
#16001d
rgb(22,0,29)
-
#240031
#240031
rgb(36,0,49)
-
#330045
#330045
rgb(51,0,69)
-
#420058
#420058
rgb(66,0,88)
-
#50006c
#50006c
rgb(80,0,108)
-
#5f007f
#5f007f
rgb(95,0,127)
-
#6d0093
#6d0093
rgb(109,0,147)
-
#7c00a7
#7c00a7
rgb(124,0,167)
-
#8a00ba
#8a00ba
rgb(138,0,186)
-
#9900ce
#9900ce
rgb(153,0,206)
-
#a800e2
#a800e2
rgb(168,0,226)
-
#b600f5
#b600f5
rgb(182,0,245)
-
#c00aff
#c00aff
rgb(192,10,255)
-
#c51dff
#c51dff
rgb(197,29,255)
-
#ca31ff
#ca31ff
rgb(202,49,255)
-
#cf45ff
#cf45ff
rgb(207,69,255)
-
#d458ff
#d458ff
rgb(212,88,255)
-
#d96cff
#d96cff
rgb(217,108,255)
-
#de7fff
#de7fff
rgb(222,127,255)
-
#e393ff
#e393ff
rgb(227,147,255)
-
#e8a7ff
#e8a7ff
rgb(232,167,255)
-
#edbaff
#edbaff
rgb(237,186,255)
-
#f2ceff
#f2ceff
rgb(242,206,255)
-
#f7e2ff
#f7e2ff
rgb(247,226,255)
-
#fcf5ff
#fcf5ff
rgb(252,245,255)
Tones of #ca31ff
A tone is produced by adding gray to any pure hue. In this case, #9c90a0 is the less saturated color, while #ca31ff is the most saturated one.
-
#9c90a0
#9c90a0
rgb(156,144,160)
-
#a088a8
#a088a8
rgb(160,136,168)
-
#a480b0
#a480b0
rgb(164,128,176)
-
#a778b8
#a778b8
rgb(167,120,184)
-
#ab70c0
#ab70c0
rgb(171,112,192)
-
#af68c8
#af68c8
rgb(175,104,200)
-
#b361cf
#b361cf
rgb(179,97,207)
-
#b759d7
#b759d7
rgb(183,89,215)
-
#bb51df
#bb51df
rgb(187,81,223)
-
#be49e7
#be49e7
rgb(190,73,231)
-
#c241ef
#c241ef
rgb(194,65,239)
-
#c639f7
#c639f7
rgb(198,57,247)
-
#ca31ff
#ca31ff
rgb(202,49,255)
Color Blindness Simulator
Below, you can see how #ca31ff 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.