#c395f8 hex color

In a RGB color space, hex #c395f8 is composed of 76.5% red, 58.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 21.4% cyan, 39.9% magenta, 0% yellow and 2.7% black. It has a hue angle of 267.9 degrees, a saturation of 87.6% and a lightness of 77.8%. #c395f8 color hex could be obtained by blending #ffffff with #872bf1. Closest websafe color is: #cc99ff.

♥
- f
- t
- g
- R 76
- G 58
- B 97
RGB color chart
- C 21
- M 40
- Y 0
- K 3
CMYK color chart

● #c395f8 color description : Very soft violet.

The hexadecimal color #c395f8 has RGB values of R:195, G:149, B:248 and CMYK values of C:0.21, M:0.4, Y:0, K:0.03. Its decimal value is 12817912.

Hex triplet	c395f8	`#c395f8`
RGB Decimal	195, 149, 248	`rgb(195,149,248)`
RGB Percent	76.5, 58.4, 97.3	`rgb(76.5%,58.4%,97.3%)`
CMYK	21, 40, 0, 3
HSL	267.9°, 87.6, 77.8	`hsl(267.9,87.6%,77.8%)`
HSV (or HSB)	267.9°, 39.9, 97.3
Web Safe	cc99ff	`#cc99ff`

CIE-LAB	69.38, 36.13, -43.132
XYZ	50.194, 39.875, 93.854
xyY	0.273, 0.217, 39.875
CIE-LCH	69.38, 56.264, 309.952
CIE-LUV	69.38, 16.303, -74.321
Hunter-Lab	63.146, 31.379, -43.92
Binary	11000011, 10010101, 11111000

#c395f8
```
#c395f8 rgb(195,149,248)
```
#caf895
```
#caf895 rgb(202,248,149)
```

Complementary Color

#9599f8
```
#9599f8 rgb(149,153,248)
```
#c395f8
```
#c395f8 rgb(195,149,248)
```
#f595f8
```
#f595f8 rgb(245,149,248)
```

Analogous Color

#99f895
```
#99f895 rgb(153,248,149)
```
#c395f8
```
#c395f8 rgb(195,149,248)
```
#f8f595
```
#f8f595 rgb(248,245,149)
```

Split Complementary Color

#95f8c3
```
#95f8c3 rgb(149,248,195)
```
#c395f8
```
#c395f8 rgb(195,149,248)
```
#f8c395
```
#f8c395 rgb(248,195,149)
```

Triadic Color

#95caf8
```
#95caf8 rgb(149,202,248)
```
#c395f8
```
#c395f8 rgb(195,149,248)
```
#f8c395
```
#f8c395 rgb(248,195,149)
```
#caf895
```
#caf895 rgb(202,248,149)
```

Tetradic Color

#9a4df3
```
#9a4df3 rgb(154,77,243)
```
#a865f5
```
#a865f5 rgb(168,101,245)
```
#b57df6
```
#b57df6 rgb(181,125,246)
```
#c395f8
```
#c395f8 rgb(195,149,248)
```
#d1adfa
```
#d1adfa rgb(209,173,250)
```
#dec5fb
```
#dec5fb rgb(222,197,251)
```
#ecddfd
```
#ecddfd rgb(236,221,253)
```

Monochromatic Color

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

#aa95f8
```
#aa95f8 rgb(170,149,248)
```
#b395f8
```
#b395f8 rgb(179,149,248)
```
#bb95f8
```
#bb95f8 rgb(187,149,248)
```
#c395f8
```
#c395f8 rgb(195,149,248)
```
#cb95f8
```
#cb95f8 rgb(203,149,248)
```
#d495f8
```
#d495f8 rgb(212,149,248)
```
#dc95f8
```
#dc95f8 rgb(220,149,248)
```

Similar Colors

Text with hexadecimal color #c395f8

This text has a font color of #c395f8.

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

#c395f8 background color

This paragraph has a background color of #c395f8.

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

#c395f8 border color

This element has a border color of #c395f8.

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

CSS codes

.text {color:#c395f8;}

.background {background-color:#c395f8;}

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

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

#020004
```
#020004 rgb(2,0,4)
```
#0b0217
```
#0b0217 rgb(11,2,23)
```
#150329
```
#150329 rgb(21,3,41)
```
#1e043c
```
#1e043c rgb(30,4,60)
```
#27054e
```
#27054e rgb(39,5,78)
```
#300660
```
#300660 rgb(48,6,96)
```
#390873
```
#390873 rgb(57,8,115)
```
#430985
```
#430985 rgb(67,9,133)
```
#4c0a98
```
#4c0a98 rgb(76,10,152)
```
#550baa
```
#550baa rgb(85,11,170)
```
#5e0cbc
```
#5e0cbc rgb(94,12,188)
```
#670ecf
```
#670ecf rgb(103,14,207)
```
#710fe1
```
#710fe1 rgb(113,15,225)
```

Shade Color Variation

#7a14ef
```
#7a14ef rgb(122,20,239)
```
#8527f1
```
#8527f1 rgb(133,39,241)
```
#8f39f2
```
#8f39f2 rgb(143,57,242)
```
#994bf3
```
#994bf3 rgb(153,75,243)
```
#a45ef4
```
#a45ef4 rgb(164,94,244)
```
#ae70f6
```
#ae70f6 rgb(174,112,246)
```
#b983f7
```
#b983f7 rgb(185,131,247)
```
#c395f8
```
#c395f8 rgb(195,149,248)
```
#cda7f9
```
#cda7f9 rgb(205,167,249)
```
#d8bafa
```
#d8bafa rgb(216,186,250)
```
#e2ccfc
```
#e2ccfc rgb(226,204,252)
```
#eddffd
```
#eddffd rgb(237,223,253)
```
#f7f1fe
```
#f7f1fe rgb(247,241,254)
```

Tint Color Variation

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

#c6c5c8
```
#c6c5c8 rgb(198,197,200)
```
#c6c0cd
```
#c6c0cd rgb(198,192,205)
```
#c6bcd1
```
#c6bcd1 rgb(198,188,209)
```
#c5b8d5
```
#c5b8d5 rgb(197,184,213)
```
#c5b3da
```
#c5b3da rgb(197,179,218)
```
#c5afde
```
#c5afde rgb(197,175,222)
```
#c5abe2
```
#c5abe2 rgb(197,171,226)
```
#c4a6e7
```
#c4a6e7 rgb(196,166,231)
```
#c4a2eb
```
#c4a2eb rgb(196,162,235)
```
#c49eef
```
#c49eef rgb(196,158,239)
```
#c399f4
```
#c399f4 rgb(195,153,244)
```
#c395f8
```
#c395f8 rgb(195,149,248)
```
#c391fc
```
#c391fc rgb(195,145,252)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#b2a9bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#8dabff Protanopia 1% of men
#91acf2 Deuteranopia 1% of men
#b8a9b5 Tritanopia 0.001% of the population

Trichromacy

#a0a3fc Protanomaly 1% of men, 0.01% of women
#a3a3f4 Deuteranomaly 6% of men, 0.4% of women
#bca2cd Tritanomaly 0.01% of the population

#c395f8 hex color

#c395f8 Color Information

#c395f8 Color Conversion

Color Schemes with #c395f8

Alternatives to #c395f8

#c395f8 Preview

Shades and Tints of #c395f8

Tones of #c395f8

Color Blindness Simulator