#ca56f8 hex color

In a RGB color space, hex #ca56f8 is composed of 79.2% red, 33.7% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 65.3% magenta, 0% yellow and 2.7% black. It has a hue angle of 283 degrees, a saturation of 92% and a lightness of 65.5%. #ca56f8 color hex could be obtained by blending #ffacff with #9500f1. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 79
- G 34
- B 97
RGB color chart
- C 19
- M 65
- Y 0
- K 3
CMYK color chart

● #ca56f8 color description : Soft violet.

The hexadecimal color #ca56f8 has RGB values of R:202, G:86, B:248 and CMYK values of C:0.19, M:0.65, Y:0, K:0.03. Its decimal value is 13260536.

Hex triplet	ca56f8	`#ca56f8`
RGB Decimal	202, 86, 248	`rgb(202,86,248)`
RGB Percent	79.2, 33.7, 97.3	`rgb(79.2%,33.7%,97.3%)`
CMYK	19, 65, 0, 3
HSL	283°, 92, 65.5	`hsl(283,92%,65.5%)`
HSV (or HSB)	283°, 65.3, 97.3
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.029, 69.527, -61.077
XYZ	44.626, 25.991, 91.468
xyY	0.275, 0.16, 25.991
CIE-LCH	58.029, 92.544, 318.702
CIE-LUV	58.029, 40.711, -104.374
Hunter-Lab	50.981, 67.031, -70.688
Binary	11001010, 01010110, 11111000

#ca56f8
```
#ca56f8 rgb(202,86,248)
```
#84f856
```
#84f856 rgb(132,248,86)
```

Complementary Color

#7956f8
```
#7956f8 rgb(121,86,248)
```
#ca56f8
```
#ca56f8 rgb(202,86,248)
```
#f856d5
```
#f856d5 rgb(248,86,213)
```

Analogous Color

#56f879
```
#56f879 rgb(86,248,121)
```
#ca56f8
```
#ca56f8 rgb(202,86,248)
```
#d5f856
```
#d5f856 rgb(213,248,86)
```

Split Complementary Color

#56f8ca
```
#56f8ca rgb(86,248,202)
```
#ca56f8
```
#ca56f8 rgb(202,86,248)
```
#f8ca56
```
#f8ca56 rgb(248,202,86)
```

Triadic Color

#5684f8
```
#5684f8 rgb(86,132,248)
```
#ca56f8
```
#ca56f8 rgb(202,86,248)
```
#f8ca56
```
#f8ca56 rgb(248,202,86)
```
#84f856
```
#84f856 rgb(132,248,86)
```

Tetradic Color

#b30df5
```
#b30df5 rgb(179,13,245)
```
#bb25f6
```
#bb25f6 rgb(187,37,246)
```
#c23ef7
```
#c23ef7 rgb(194,62,247)
```
#ca56f8
```
#ca56f8 rgb(202,86,248)
```
#d26ef9
```
#d26ef9 rgb(210,110,249)
```
#d987fa
```
#d987fa rgb(217,135,250)
```
#e19ffb
```
#e19ffb rgb(225,159,251)
```

Monochromatic Color

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

#a256f8
```
#a256f8 rgb(162,86,248)
```
#af56f8
```
#af56f8 rgb(175,86,248)
```
#bd56f8
```
#bd56f8 rgb(189,86,248)
```
#ca56f8
```
#ca56f8 rgb(202,86,248)
```
#d856f8
```
#d856f8 rgb(216,86,248)
```
#e556f8
```
#e556f8 rgb(229,86,248)
```
#f356f8
```
#f356f8 rgb(243,86,248)
```

Similar Colors

Text with hexadecimal color #ca56f8

This text has a font color of #ca56f8.

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

#ca56f8 background color

This paragraph has a background color of #ca56f8.

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

#ca56f8 border color

This element has a border color of #ca56f8.

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

CSS codes

.text {color:#ca56f8;}

.background {background-color:#ca56f8;}

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

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, #000001 is the darkest color, while #f9edfe is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#0e0113
```
#0e0113 rgb(14,1,19)
```
#1c0226
```
#1c0226 rgb(28,2,38)
```
#2a0239
```
#2a0239 rgb(42,2,57)
```
#37034c
```
#37034c rgb(55,3,76)
```
#45045f
```
#45045f rgb(69,4,95)
```
#530572
```
#530572 rgb(83,5,114)
```
#600584
```
#600584 rgb(96,5,132)
```
#6e0697
```
#6e0697 rgb(110,6,151)
```
#7c07aa
```
#7c07aa rgb(124,7,170)
```
#8908bd
```
#8908bd rgb(137,8,189)
```
#9709d0
```
#9709d0 rgb(151,9,208)
```
#a509e3
```
#a509e3 rgb(165,9,227)
```

Shade Color Variation

#b20bf5
```
#b20bf5 rgb(178,11,245)
```
#b81df6
```
#b81df6 rgb(184,29,246)
```
#be30f6
```
#be30f6 rgb(190,48,246)
```
#c443f7
```
#c443f7 rgb(196,67,247)
```
#ca56f8
```
#ca56f8 rgb(202,86,248)
```
#d069f9
```
#d069f9 rgb(208,105,249)
```
#d67cfa
```
#d67cfa rgb(214,124,250)
```
#dc8ffa
```
#dc8ffa rgb(220,143,250)
```
#e2a1fb
```
#e2a1fb rgb(226,161,251)
```
#e8b4fc
```
#e8b4fc rgb(232,180,252)
```
#edc7fd
```
#edc7fd rgb(237,199,253)
```
#f3dafd
```
#f3dafd rgb(243,218,253)
```
#f9edfe
```
#f9edfe rgb(249,237,254)
```

Tint Color Variation

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

#aaa0ae
```
#aaa0ae rgb(170,160,174)
```
#ad9ab4
```
#ad9ab4 rgb(173,154,180)
```
#b093bb
```
#b093bb rgb(176,147,187)
```
#b38cc2
```
#b38cc2 rgb(179,140,194)
```
#b685c9
```
#b685c9 rgb(182,133,201)
```
#b87fcf
```
#b87fcf rgb(184,127,207)
```
#bb78d6
```
#bb78d6 rgb(187,120,214)
```
#be71dd
```
#be71dd rgb(190,113,221)
```
#c16ae4
```
#c16ae4 rgb(193,106,228)
```
#c464ea
```
#c464ea rgb(196,100,234)
```
#c75df1
```
#c75df1 rgb(199,93,241)
```
#ca56f8
```
#ca56f8 rgb(202,86,248)
```
#cd4fff
```
#cd4fff rgb(205,79,255)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#9880a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d8dff Protanopia 1% of men
#4f92e8 Deuteranopia 1% of men
#b9828b Tritanopia 0.001% of the population

Trichromacy

#7b79fc Protanomaly 1% of men, 0.01% of women
#7b7ced Deuteranomaly 6% of men, 0.4% of women
#bf72b3 Tritanomaly 0.01% of the population

#ca56f8 hex color

#ca56f8 Color Information

#ca56f8 Color Conversion

Color Schemes with #ca56f8

Alternatives to #ca56f8

#ca56f8 Preview

Shades and Tints of #ca56f8

Tones of #ca56f8

Color Blindness Simulator