colorhexa.com

#ca78f8 hex color

In a RGB color space, hex #ca78f8 is composed of 79.2% red, 47.1% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 18.5% cyan, 51.6% magenta, 0% yellow and 2.7% black. It has a hue angle of 278.4 degrees, a saturation of 90.1% and a lightness of 72.2%. #ca78f8 color hex could be obtained by blending #fff0ff with #9500f1. Closest websafe color is: #cc66ff.

- R 79
- G 47
- B 97
RGB color chart
- C 19
- M 52
- Y 0
- K 3
CMYK color chart

● #ca78f8 color description : Soft violet.

The hexadecimal color #ca78f8 has RGB values of R:202, G:120, B:248 and CMYK values of C:0.19, M:0.52, Y:0, K:0.03. Its decimal value is 13269240.

Hex triplet	ca78f8	`#ca78f8`
RGB Decimal	202, 120, 248	`rgb(202,120,248)`
RGB Percent	79.2, 47.1, 97.3	`rgb(79.2%,47.1%,97.3%)`
CMYK	19, 52, 0, 3
HSL	278.4°, 90.1, 72.2	`hsl(278.4,90.1%,72.2%)`
HSV (or HSB)	278.4°, 51.6, 97.3
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	63.973, 53.503, -51.602
XYZ	48.015, 32.768, 92.597
xyY	0.277, 0.189, 32.768
CIE-LCH	63.973, 74.332, 316.036
CIE-LUV	63.973, 30.89, -89.411
Hunter-Lab	57.243, 49.546, -55.838
Binary	11001010, 01111000, 11111000

#ca78f8
```
#ca78f8 rgb(202,120,248)
```
#a6f878
```
#a6f878 rgb(166,248,120)
```

Complementary Color

#8a78f8
```
#8a78f8 rgb(138,120,248)
```
#ca78f8
```
#ca78f8 rgb(202,120,248)
```
#f878e6
```
#f878e6 rgb(248,120,230)
```

Analogous Color

#78f88a
```
#78f88a rgb(120,248,138)
```
#ca78f8
```
#ca78f8 rgb(202,120,248)
```
#e6f878
```
#e6f878 rgb(230,248,120)
```

Split Complementary Color

#78f8ca
```
#78f8ca rgb(120,248,202)
```
#ca78f8
```
#ca78f8 rgb(202,120,248)
```
#f8ca78
```
#f8ca78 rgb(248,202,120)
```

Triadic Color

#78a6f8
```
#78a6f8 rgb(120,166,248)
```
#ca78f8
```
#ca78f8 rgb(202,120,248)
```
#f8ca78
```
#f8ca78 rgb(248,202,120)
```
#a6f878
```
#a6f878 rgb(166,248,120)
```

Tetradic Color

#ad2ff4
```
#ad2ff4 rgb(173,47,244)
```
#b748f5
```
#b748f5 rgb(183,72,245)
```
#c060f7
```
#c060f7 rgb(192,96,247)
```
#ca78f8
```
#ca78f8 rgb(202,120,248)
```
#d490f9
```
#d490f9 rgb(212,144,249)
```
#dda8fb
```
#dda8fb rgb(221,168,251)
```
#e7c1fc
```
#e7c1fc rgb(231,193,252)
```

Monochromatic Color

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

#aa78f8
```
#aa78f8 rgb(170,120,248)
```
#b578f8
```
#b578f8 rgb(181,120,248)
```
#bf78f8
```
#bf78f8 rgb(191,120,248)
```
#ca78f8
```
#ca78f8 rgb(202,120,248)
```
#d578f8
```
#d578f8 rgb(213,120,248)
```
#df78f8
```
#df78f8 rgb(223,120,248)
```
#ea78f8
```
#ea78f8 rgb(234,120,248)
```

Similar Colors

Text with hexadecimal color #ca78f8

This text has a font color of #ca78f8.

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

#ca78f8 background color

This paragraph has a background color of #ca78f8.

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

#ca78f8 border color

This element has a border color of #ca78f8.

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

CSS codes

.text {color:#ca78f8;}

.background {background-color:#ca78f8;}

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

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, #09010e is the darkest color, while #fdfbff is the lightest one.

#09010e
```
#09010e rgb(9,1,14)
```
#160221
```
#160221 rgb(22,2,33)
```
#220333
```
#220333 rgb(34,3,51)
```
#2e0446
```
#2e0446 rgb(46,4,70)
```
#3b0559
```
#3b0559 rgb(59,5,89)
```
#47066b
```
#47066b rgb(71,6,107)
```
#53077e
```
#53077e rgb(83,7,126)
```
#5f0891
```
#5f0891 rgb(95,8,145)
```
#6c08a3
```
#6c08a3 rgb(108,8,163)
```
#7809b6
```
#7809b6 rgb(120,9,182)
```
#840ac9
```
#840ac9 rgb(132,10,201)
```
#910bdb
```
#910bdb rgb(145,11,219)
```
#9d0cee
```
#9d0cee rgb(157,12,238)
```

Shade Color Variation

#a51bf3
```
#a51bf3 rgb(165,27,243)
```
#ad2df4
```
#ad2df4 rgb(173,45,244)
```
#b440f5
```
#b440f5 rgb(180,64,245)
```
#bb53f6
```
#bb53f6 rgb(187,83,246)
```
#c365f7
```
#c365f7 rgb(195,101,247)
```
#ca78f8
```
#ca78f8 rgb(202,120,248)
```
#d18bf9
```
#d18bf9 rgb(209,139,249)
```
#d99dfa
```
#d99dfa rgb(217,157,250)
```
#e0b0fb
```
#e0b0fb rgb(224,176,251)
```
#e7c3fc
```
#e7c3fc rgb(231,195,252)
```
#efd5fd
```
#efd5fd rgb(239,213,253)
```
#f6e8fe
```
#f6e8fe rgb(246,232,254)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

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

#b9b4bc
```
#b9b4bc rgb(185,180,188)
```
#bbafc1
```
#bbafc1 rgb(187,175,193)
```
#bca9c7
```
#bca9c7 rgb(188,169,199)
```
#bea4cc
```
#bea4cc rgb(190,164,204)
```
#bf9ed2
```
#bf9ed2 rgb(191,158,210)
```
#c199d7
```
#c199d7 rgb(193,153,215)
```
#c293dd
```
#c293dd rgb(194,147,221)
```
#c48ee2
```
#c48ee2 rgb(196,142,226)
```
#c588e8
```
#c588e8 rgb(197,136,232)
```
#c783ed
```
#c783ed rgb(199,131,237)
```
#c87df3
```
#c87df3 rgb(200,125,243)
```
#ca78f8
```
#ca78f8 rgb(202,120,248)
```
#cc73fd
```
#cc73fd rgb(204,115,253)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a897b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#739dff Protanopia 1% of men
#75a0ed Deuteranopia 1% of men
#bc96a0 Tritanopia 0.001% of the population

Trichromacy

#928ffc Protanomaly 1% of men, 0.01% of women
#9491f1 Deuteranomaly 6% of men, 0.4% of women
#c18bc0 Tritanomaly 0.01% of the population