#ca5bf3 hex color

In a RGB color space, hex #ca5bf3 is composed of 79.2% red, 35.7% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 16.9% cyan, 62.6% magenta, 0% yellow and 4.7% black. It has a hue angle of 283.8 degrees, a saturation of 86.4% and a lightness of 65.5%. #ca5bf3 color hex could be obtained by blending #ffb6ff with #9500e7. Closest websafe color is: #cc66ff.

♥
- f
- t
- g
- R 79
- G 36
- B 95
RGB color chart
- C 17
- M 63
- Y 0
- K 5
CMYK color chart

● #ca5bf3 color description : Soft violet.

The hexadecimal color #ca5bf3 has RGB values of R:202, G:91, B:243 and CMYK values of C:0.17, M:0.63, Y:0, K:0.05. Its decimal value is 13261811.

Hex triplet	ca5bf3	`#ca5bf3`
RGB Decimal	202, 91, 243	`rgb(202,91,243)`
RGB Percent	79.2, 35.7, 95.3	`rgb(79.2%,35.7%,95.3%)`
CMYK	17, 63, 0, 5
HSL	283.8°, 86.4, 65.5	`hsl(283.8,86.4%,65.5%)`
HSV (or HSB)	283.8°, 62.6, 95.3
Web Safe	cc66ff	`#cc66ff`

CIE-LAB	58.519, 66.386, -57.514
XYZ	44.274, 26.511, 87.574
xyY	0.28, 0.167, 26.511
CIE-LCH	58.519, 87.835, 319.096
CIE-LUV	58.519, 40.683, -98.695
Hunter-Lab	51.489, 63.38, -64.8
Binary	11001010, 01011011, 11110011

#ca5bf3
```
#ca5bf3 rgb(202,91,243)
```
#84f35b
```
#84f35b rgb(132,243,91)
```

Complementary Color

#7e5bf3
```
#7e5bf3 rgb(126,91,243)
```
#ca5bf3
```
#ca5bf3 rgb(202,91,243)
```
#f35bd0
```
#f35bd0 rgb(243,91,208)
```

Analogous Color

#5bf37e
```
#5bf37e rgb(91,243,126)
```
#ca5bf3
```
#ca5bf3 rgb(202,91,243)
```
#d0f35b
```
#d0f35b rgb(208,243,91)
```

Split Complementary Color

#5bf3ca
```
#5bf3ca rgb(91,243,202)
```
#ca5bf3
```
#ca5bf3 rgb(202,91,243)
```
#f3ca5b
```
#f3ca5b rgb(243,202,91)
```

Triadic Color

#5b84f3
```
#5b84f3 rgb(91,132,243)
```
#ca5bf3
```
#ca5bf3 rgb(202,91,243)
```
#f3ca5b
```
#f3ca5b rgb(243,202,91)
```
#84f35b
```
#84f35b rgb(132,243,91)
```

Tetradic Color

#b314ee
```
#b314ee rgb(179,20,238)
```
#bb2bf0
```
#bb2bf0 rgb(187,43,240)
```
#c243f1
```
#c243f1 rgb(194,67,241)
```
#ca5bf3
```
#ca5bf3 rgb(202,91,243)
```
#d273f5
```
#d273f5 rgb(210,115,245)
```
#d98bf6
```
#d98bf6 rgb(217,139,246)
```
#e1a2f8
```
#e1a2f8 rgb(225,162,248)
```

Monochromatic Color

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

#a45bf3
```
#a45bf3 rgb(164,91,243)
```
#b15bf3
```
#b15bf3 rgb(177,91,243)
```
#bd5bf3
```
#bd5bf3 rgb(189,91,243)
```
#ca5bf3
```
#ca5bf3 rgb(202,91,243)
```
#d75bf3
```
#d75bf3 rgb(215,91,243)
```
#e35bf3
```
#e35bf3 rgb(227,91,243)
```
#f05bf3
```
#f05bf3 rgb(240,91,243)
```

Similar Colors

Text with hexadecimal color #ca5bf3

This text has a font color of #ca5bf3.

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

#ca5bf3 background color

This paragraph has a background color of #ca5bf3.

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

#ca5bf3 border color

This element has a border color of #ca5bf3.

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

CSS codes

.text {color:#ca5bf3;}

.background {background-color:#ca5bf3;}

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

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)
```
#1c0325
```
#1c0325 rgb(28,3,37)
```
#2a0437
```
#2a0437 rgb(42,4,55)
```
#37054a
```
#37054a rgb(55,5,74)
```
#45075c
```
#45075c rgb(69,7,92)
```
#53086e
```
#53086e rgb(83,8,110)
```
#600980
```
#600980 rgb(96,9,128)
```
#6e0b93
```
#6e0b93 rgb(110,11,147)
```
#7c0ca5
```
#7c0ca5 rgb(124,12,165)
```
#890db7
```
#890db7 rgb(137,13,183)
```
#970fca
```
#970fca rgb(151,15,202)
```
#a510dc
```
#a510dc rgb(165,16,220)
```

Shade Color Variation

#b212ee
```
#b212ee rgb(178,18,238)
```
#b824ef
```
#b824ef rgb(184,36,239)
```
#be36f0
```
#be36f0 rgb(190,54,240)
```
#c449f2
```
#c449f2 rgb(196,73,242)
```
#ca5bf3
```
#ca5bf3 rgb(202,91,243)
```
#d06df4
```
#d06df4 rgb(208,109,244)
```
#d680f6
```
#d680f6 rgb(214,128,246)
```
#dc92f7
```
#dc92f7 rgb(220,146,247)
```
#e2a4f8
```
#e2a4f8 rgb(226,164,248)
```
#e8b6fa
```
#e8b6fa rgb(232,182,250)
```
#edc9fb
```
#edc9fb rgb(237,201,251)
```
#f3dbfc
```
#f3dbfc rgb(243,219,252)
```
#f9edfe
```
#f9edfe rgb(249,237,254)
```

Tint Color Variation

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

#a8a5a9
```
#a8a5a9 rgb(168,165,169)
```
#ab9faf
```
#ab9faf rgb(171,159,175)
```
#ae98b6
```
#ae98b6 rgb(174,152,182)
```
#b191bd
```
#b191bd rgb(177,145,189)
```
#b48ac4
```
#b48ac4 rgb(180,138,196)
```
#b784ca
```
#b784ca rgb(183,132,202)
```
#ba7dd1
```
#ba7dd1 rgb(186,125,209)
```
#be76d8
```
#be76d8 rgb(190,118,216)
```
#c16fdf
```
#c16fdf rgb(193,111,223)
```
#c469e5
```
#c469e5 rgb(196,105,229)
```
#c762ec
```
#c762ec rgb(199,98,236)
```
#ca5bf3
```
#ca5bf3 rgb(202,91,243)
```
#cd54fa
```
#cd54fa rgb(205,84,250)
```

Tone Color Variation

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

#8e8e8e Achromatopsia 0.005% of the population
#9a84a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#518fff Protanopia 1% of men
#5a93e4 Deuteranopia 1% of men
#bb838c Tritanopia 0.001% of the population

Trichromacy

#7d7cfa Protanomaly 1% of men, 0.01% of women
#837ee9 Deuteranomaly 6% of men, 0.4% of women
#c074b1 Tritanomaly 0.01% of the population

#ca5bf3 hex color

#ca5bf3 Color Information

#ca5bf3 Color Conversion

Color Schemes with #ca5bf3

Alternatives to #ca5bf3

#ca5bf3 Preview

Shades and Tints of #ca5bf3

Tones of #ca5bf3

Color Blindness Simulator