#ca80f5 hex color

In a RGB color space, hex #ca80f5 is composed of 79.2% red, 50.2% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 17.6% cyan, 47.8% magenta, 0% yellow and 3.9% black. It has a hue angle of 277.9 degrees, a saturation of 85.4% and a lightness of 73.1%. #ca80f5 color hex could be obtained by blending #ffffff with #9501eb. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 79
- G 50
- B 96
RGB color chart
- C 18
- M 48
- Y 0
- K 4
CMYK color chart

● #ca80f5 color description : Soft violet.

The hexadecimal color #ca80f5 has RGB values of R:202, G:128, B:245 and CMYK values of C:0.18, M:0.48, Y:0, K:0.04. Its decimal value is 13271285.

Hex triplet	ca80f5	`#ca80f5`
RGB Decimal	202, 128, 245	`rgb(202,128,245)`
RGB Percent	79.2, 50.2, 96.1	`rgb(79.2%,50.2%,96.1%)`
CMYK	18, 48, 0, 4
HSL	277.9°, 85.4, 73.1	`hsl(277.9,85.4%,73.1%)`
HSV (or HSB)	277.9°, 47.8, 96.1
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	65.427, 48.723, -47.652
XYZ	48.555, 34.589, 90.5
xyY	0.28, 0.199, 34.589
CIE-LCH	65.427, 68.152, 315.637
CIE-LUV	65.427, 28.65, -82.717
Hunter-Lab	58.812, 44.449, -50.067
Binary	11001010, 10000000, 11110101

#ca80f5
```
#ca80f5 rgb(202,128,245)
```
#abf580
```
#abf580 rgb(171,245,128)
```

Complementary Color

#9080f5
```
#9080f5 rgb(144,128,245)
```
#ca80f5
```
#ca80f5 rgb(202,128,245)
```
#f580e6
```
#f580e6 rgb(245,128,230)
```

Analogous Color

#80f590
```
#80f590 rgb(128,245,144)
```
#ca80f5
```
#ca80f5 rgb(202,128,245)
```
#e6f580
```
#e6f580 rgb(230,245,128)
```

Split Complementary Color

#80f5ca
```
#80f5ca rgb(128,245,202)
```
#ca80f5
```
#ca80f5 rgb(202,128,245)
```
#f5ca80
```
#f5ca80 rgb(245,202,128)
```

Triadic Color

#80abf5
```
#80abf5 rgb(128,171,245)
```
#ca80f5
```
#ca80f5 rgb(202,128,245)
```
#f5ca80
```
#f5ca80 rgb(245,202,128)
```
#abf580
```
#abf580 rgb(171,245,128)
```

Tetradic Color

#ac39ef
```
#ac39ef rgb(172,57,239)
```
#b651f1
```
#b651f1 rgb(182,81,241)
```
#c068f3
```
#c068f3 rgb(192,104,243)
```
#ca80f5
```
#ca80f5 rgb(202,128,245)
```
#d498f7
```
#d498f7 rgb(212,152,247)
```
#deaff9
```
#deaff9 rgb(222,175,249)
```
#e8c7fb
```
#e8c7fb rgb(232,199,251)
```

Monochromatic Color

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

#ad80f5
```
#ad80f5 rgb(173,128,245)
```
#b780f5
```
#b780f5 rgb(183,128,245)
```
#c080f5
```
#c080f5 rgb(192,128,245)
```
#ca80f5
```
#ca80f5 rgb(202,128,245)
```
#d480f5
```
#d480f5 rgb(212,128,245)
```
#de80f5
```
#de80f5 rgb(222,128,245)
```
#e780f5
```
#e780f5 rgb(231,128,245)
```

Similar Colors

Text with hexadecimal color #ca80f5

This text has a font color of #ca80f5.

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

#ca80f5 background color

This paragraph has a background color of #ca80f5.

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

#ca80f5 border color

This element has a border color of #ca80f5.

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

CSS codes

.text {color:#ca80f5;}

.background {background-color:#ca80f5;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0c0112
```
#0c0112 rgb(12,1,18)
```
#180325
```
#180325 rgb(24,3,37)
```
#240437
```
#240437 rgb(36,4,55)
```
#300649
```
#300649 rgb(48,6,73)
```
#3c075b
```
#3c075b rgb(60,7,91)
```
#48096d
```
#48096d rgb(72,9,109)
```
#540a80
```
#540a80 rgb(84,10,128)
```
#600b92
```
#600b92 rgb(96,11,146)
```
#6c0da4
```
#6c0da4 rgb(108,13,164)
```
#780eb6
```
#780eb6 rgb(120,14,182)
```
#8410c8
```
#8410c8 rgb(132,16,200)
```
#9111da
```
#9111da rgb(145,17,218)
```

Shade Color Variation

#9c13ec
```
#9c13ec rgb(156,19,236)
```
#a425ee
```
#a425ee rgb(164,37,238)
```
#ac37ef
```
#ac37ef rgb(172,55,239)
```
#b349f1
```
#b349f1 rgb(179,73,241)
```
#bb5cf2
```
#bb5cf2 rgb(187,92,242)
```
#c26ef4
```
#c26ef4 rgb(194,110,244)
```
#ca80f5
```
#ca80f5 rgb(202,128,245)
```
#d292f6
```
#d292f6 rgb(210,146,246)
```
#d9a4f8
```
#d9a4f8 rgb(217,164,248)
```
#e1b7f9
```
#e1b7f9 rgb(225,183,249)
```
#e8c9fb
```
#e8c9fb rgb(232,201,251)
```
#f0dbfc
```
#f0dbfc rgb(240,219,252)
```
#f8edfe
```
#f8edfe rgb(248,237,254)
```

Tint Color Variation

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

#bbbabb
```
#bbbabb rgb(187,186,187)
```
#bcb5c0
```
#bcb5c0 rgb(188,181,192)
```
#bdafc6
```
#bdafc6 rgb(189,175,198)
```
#bfaacb
```
#bfaacb rgb(191,170,203)
```
#c0a5d0
```
#c0a5d0 rgb(192,165,208)
```
#c2a0d5
```
#c2a0d5 rgb(194,160,213)
```
#c39adb
```
#c39adb rgb(195,154,219)
```
#c495e0
```
#c495e0 rgb(196,149,224)
```
#c690e5
```
#c690e5 rgb(198,144,229)
```
#c78bea
```
#c78bea rgb(199,139,234)
```
#c985f0
```
#c985f0 rgb(201,133,240)
```
#ca80f5
```
#ca80f5 rgb(202,128,245)
```
#cb7bfa
```
#cb7bfa rgb(203,123,250)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#ab9cb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7aa0ff Protanopia 1% of men
#80a3eb Deuteranopia 1% of men
#bd9aa5 Tritanopia 0.001% of the population

Trichromacy

#9794fb Protanomaly 1% of men, 0.01% of women
#9b96ef Deuteranomaly 6% of men, 0.4% of women
#c290c2 Tritanomaly 0.01% of the population

#ca80f5 hex color

#ca80f5 Color Information

#ca80f5 Color Conversion

Color Schemes with #ca80f5

Alternatives to #ca80f5

#ca80f5 Preview

Shades and Tints of #ca80f5

Tones of #ca80f5

Color Blindness Simulator