#ca58ff hex color

In a RGB color space, hex #ca58ff is composed of 79.2% red, 34.5% green and 100% blue. Whereas in a CMYK color space, it is composed of 20.8% cyan, 65.5% magenta, 0% yellow and 0% black. It has a hue angle of 281 degrees, a saturation of 100% and a lightness of 67.3%. #ca58ff color hex could be obtained by blending #ffb0ff with #9500ff. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 79
- G 35
- B 100
RGB color chart
- C 21
- M 65
- Y 0
- K 0
CMYK color chart

● #ca58ff color description : Light violet.

The hexadecimal color #ca58ff has RGB values of R:202, G:88, B:255 and CMYK values of C:0.21, M:0.65, Y:0, K:0. Its decimal value is 13261055.

Hex triplet	ca58ff	`#ca58ff`
RGB Decimal	202, 88, 255	`rgb(202,88,255)`
RGB Percent	79.2, 34.5, 100	`rgb(79.2%,34.5%,100%)`
CMYK	21, 65, 0, 0
HSL	281°, 100, 67.3	`hsl(281,100%,67.3%)`
HSV (or HSB)	281°, 65.5, 100
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.749, 70.068, -63.795
XYZ	45.894, 26.757, 97.349
xyY	0.27, 0.157, 26.757
CIE-LCH	58.749, 94.76, 317.683
CIE-LUV	58.749, 38.547, -108.91
Hunter-Lab	51.728, 67.848, -75.372
Binary	11001010, 01011000, 11111111

#ca58ff
```
#ca58ff rgb(202,88,255)
```
#8dff58
```
#8dff58 rgb(141,255,88)
```

Complementary Color

#7758ff
```
#7758ff rgb(119,88,255)
```
#ca58ff
```
#ca58ff rgb(202,88,255)
```
#ff58e1
```
#ff58e1 rgb(255,88,225)
```

Analogous Color

#58ff77
```
#58ff77 rgb(88,255,119)
```
#ca58ff
```
#ca58ff rgb(202,88,255)
```
#e1ff58
```
#e1ff58 rgb(225,255,88)
```

Split Complementary Color

#58ffca
```
#58ffca rgb(88,255,202)
```
#ca58ff
```
#ca58ff rgb(202,88,255)
```
#ffca58
```
#ffca58 rgb(255,202,88)
```

Triadic Color

#588dff
```
#588dff rgb(88,141,255)
```
#ca58ff
```
#ca58ff rgb(202,88,255)
```
#ffca58
```
#ffca58 rgb(255,202,88)
```
#8dff58
```
#8dff58 rgb(141,255,88)
```

Tetradic Color

#b20cff
```
#b20cff rgb(178,12,255)
```
#ba25ff
```
#ba25ff rgb(186,37,255)
```
#c23fff
```
#c23fff rgb(194,63,255)
```
#ca58ff
```
#ca58ff rgb(202,88,255)
```
#d272ff
```
#d272ff rgb(210,114,255)
```
#da8bff
```
#da8bff rgb(218,139,255)
```
#e2a5ff
```
#e2a5ff rgb(226,165,255)
```

Monochromatic Color

Below, you can see some colors close to #ca58ff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#a058ff
```
#a058ff rgb(160,88,255)
```
#ae58ff
```
#ae58ff rgb(174,88,255)
```
#bc58ff
```
#bc58ff rgb(188,88,255)
```
#ca58ff
```
#ca58ff rgb(202,88,255)
```
#d858ff
```
#d858ff rgb(216,88,255)
```
#e658ff
```
#e658ff rgb(230,88,255)
```
#f458ff
```
#f458ff rgb(244,88,255)
```

Similar Colors

Text with hexadecimal color #ca58ff

This text has a font color of #ca58ff.

<span style="color:#ca58ff;">Text here</span>

#ca58ff background color

This paragraph has a background color of #ca58ff.

<p style="background-color:#ca58ff;">Content here</p>

#ca58ff border color

This element has a border color of #ca58ff.

<div style="border:1px solid #ca58ff;">Content here</div>

CSS codes

.text {color:#ca58ff;}

.background {background-color:#ca58ff;}

.border {border:1px solid #ca58ff;}

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)
```
#14001d
```
#14001d rgb(20,0,29)
```
#210031
```
#210031 rgb(33,0,49)
```
#2f0044
```
#2f0044 rgb(47,0,68)
```
#3c0058
```
#3c0058 rgb(60,0,88)
```
#49006c
```
#49006c rgb(73,0,108)
```
#57007f
```
#57007f rgb(87,0,127)
```
#640093
```
#640093 rgb(100,0,147)
```
#7200a6
```
#7200a6 rgb(114,0,166)
```
#7f00ba
```
#7f00ba rgb(127,0,186)
```
#8c00ce
```
#8c00ce rgb(140,0,206)
```
#9a00e1
```
#9a00e1 rgb(154,0,225)
```
#a700f5
```
#a700f5 rgb(167,0,245)
```

Shade Color Variation

#b10aff
```
#b10aff rgb(177,10,255)
```
#b71dff
```
#b71dff rgb(183,29,255)
```
#be31ff
```
#be31ff rgb(190,49,255)
```
#c444ff
```
#c444ff rgb(196,68,255)
```
#ca58ff
```
#ca58ff rgb(202,88,255)
```
#d06cff
```
#d06cff rgb(208,108,255)
```
#d67fff
```
#d67fff rgb(214,127,255)
```
#dd93ff
```
#dd93ff rgb(221,147,255)
```
#e3a6ff
```
#e3a6ff rgb(227,166,255)
```
#e9baff
```
#e9baff rgb(233,186,255)
```
#efceff
```
#efceff rgb(239,206,255)
```
#f6e1ff
```
#f6e1ff rgb(246,225,255)
```
#fcf5ff
```
#fcf5ff rgb(252,245,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #aea5b2 is the less saturated color, while #ca58ff is the most saturated one.

#aea5b2
```
#aea5b2 rgb(174,165,178)
```
#b09fb8
```
#b09fb8 rgb(176,159,184)
```
#b398bf
```
#b398bf rgb(179,152,191)
```
#b592c5
```
#b592c5 rgb(181,146,197)
```
#b78bcc
```
#b78bcc rgb(183,139,204)
```
#ba85d2
```
#ba85d2 rgb(186,133,210)
```
#bc7fd8
```
#bc7fd8 rgb(188,127,216)
```
#be78df
```
#be78df rgb(190,120,223)
```
#c172e5
```
#c172e5 rgb(193,114,229)
```
#c36bec
```
#c36bec rgb(195,107,236)
```
#c565f2
```
#c565f2 rgb(197,101,242)
```
#c85ef9
```
#c85ef9 rgb(200,94,249)
```
#ca58ff
```
#ca58ff rgb(202,88,255)
```

Tone Color Variation

Below, you can see how #ca58ff 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.

Monochromacy

#8d8d8d Achromatopsia 0.005% of the population
#9982a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#538fff Protanopia 1% of men
#4894ee Deuteranopia 1% of men
#b8858f Tritanopia 0.001% of the population

Trichromacy

#7e7bff Protanomaly 1% of men, 0.01% of women
#777ef4 Deuteranomaly 6% of men, 0.4% of women
#be75b7 Tritanomaly 0.01% of the population

#ca58ff hex color

#ca58ff Color Information

#ca58ff Color Conversion

Color Schemes with #ca58ff

Alternatives to #ca58ff

#ca58ff Preview

Shades and Tints of #ca58ff

Tones of #ca58ff

Color Blindness Simulator