#c345ff hex color

In a RGB color space, hex #c345ff is composed of 76.5% red, 27.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 23.5% cyan, 72.9% magenta, 0% yellow and 0% black. It has a hue angle of 280.6 degrees, a saturation of 100% and a lightness of 63.5%. #c345ff color hex could be obtained by blending #ff8aff with #8700ff. Closest websafe color is: #cc33ff.

♥
- f
- t
- g
- R 76
- G 27
- B 100
RGB color chart
- C 24
- M 73
- Y 0
- K 0
CMYK color chart

● #c345ff color description : Light violet.

The hexadecimal color #c345ff has RGB values of R:195, G:69, B:255 and CMYK values of C:0.24, M:0.73, Y:0, K:0. Its decimal value is 12797439.

Hex triplet	c345ff	`#c345ff`
RGB Decimal	195, 69, 255	`rgb(195,69,255)`
RGB Percent	76.5, 27.1, 100	`rgb(76.5%,27.1%,100%)`
CMYK	24, 73, 0, 0
HSL	280.6°, 100, 63.5	`hsl(280.6,100%,63.5%)`
HSV (or HSB)	280.6°, 72.9, 100
Web Safe	cc33ff	`#cc33ff`

CIE-LAB	55.154, 76.187, -69.636
XYZ	42.681, 23.08, 96.809
xyY	0.263, 0.142, 23.08
CIE-LCH	55.154, 103.216, 317.572
CIE-LUV	55.154, 38.349, -116.554
Hunter-Lab	48.041, 74.512, -85.847
Binary	11000011, 01000101, 11111111

#c345ff
```
#c345ff rgb(195,69,255)
```
#81ff45
```
#81ff45 rgb(129,255,69)
```

Complementary Color

#6645ff
```
#6645ff rgb(102,69,255)
```
#c345ff
```
#c345ff rgb(195,69,255)
```
#ff45de
```
#ff45de rgb(255,69,222)
```

Analogous Color

#45ff66
```
#45ff66 rgb(69,255,102)
```
#c345ff
```
#c345ff rgb(195,69,255)
```
#deff45
```
#deff45 rgb(222,255,69)
```

Split Complementary Color

#45ffc3
```
#45ffc3 rgb(69,255,195)
```
#c345ff
```
#c345ff rgb(195,69,255)
```
#ffc345
```
#ffc345 rgb(255,195,69)
```

Triadic Color

#4581ff
```
#4581ff rgb(69,129,255)
```
#c345ff
```
#c345ff rgb(195,69,255)
```
#ffc345
```
#ffc345 rgb(255,195,69)
```
#81ff45
```
#81ff45 rgb(129,255,69)
```

Tetradic Color

#a800f8
```
#a800f8 rgb(168,0,248)
```
#b312ff
```
#b312ff rgb(179,18,255)
```
#bb2cff
```
#bb2cff rgb(187,44,255)
```
#c345ff
```
#c345ff rgb(195,69,255)
```
#cb5fff
```
#cb5fff rgb(203,95,255)
```
#d378ff
```
#d378ff rgb(211,120,255)
```
#dc92ff
```
#dc92ff rgb(220,146,255)
```

Monochromatic Color

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

#9545ff
```
#9545ff rgb(149,69,255)
```
#a445ff
```
#a445ff rgb(164,69,255)
```
#b445ff
```
#b445ff rgb(180,69,255)
```
#c345ff
```
#c345ff rgb(195,69,255)
```
#d345ff
```
#d345ff rgb(211,69,255)
```
#e245ff
```
#e245ff rgb(226,69,255)
```
#f245ff
```
#f245ff rgb(242,69,255)
```

Similar Colors

Text with hexadecimal color #c345ff

This text has a font color of #c345ff.

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

#c345ff background color

This paragraph has a background color of #c345ff.

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

#c345ff border color

This element has a border color of #c345ff.

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

CSS codes

.text {color:#c345ff;}

.background {background-color:#c345ff;}

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

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, #07000a is the darkest color, while #fcf6ff is the lightest one.

#07000a
```
#07000a rgb(7,0,10)
```
#14001e
```
#14001e rgb(20,0,30)
```
#210031
```
#210031 rgb(33,0,49)
```
#2f0045
```
#2f0045 rgb(47,0,69)
```
#3c0059
```
#3c0059 rgb(60,0,89)
```
#49006c
```
#49006c rgb(73,0,108)
```
#570080
```
#570080 rgb(87,0,128)
```
#640093
```
#640093 rgb(100,0,147)
```
#7100a7
```
#7100a7 rgb(113,0,167)
```
#7e00bb
```
#7e00bb rgb(126,0,187)
```
#8c00ce
```
#8c00ce rgb(140,0,206)
```
#9900e2
```
#9900e2 rgb(153,0,226)
```
#a600f6
```
#a600f6 rgb(166,0,246)
```

Shade Color Variation

#b00aff
```
#b00aff rgb(176,10,255)
```
#b61eff
```
#b61eff rgb(182,30,255)
```
#bd31ff
```
#bd31ff rgb(189,49,255)
```
#c345ff
```
#c345ff rgb(195,69,255)
```
#c959ff
```
#c959ff rgb(201,89,255)
```
#d06cff
```
#d06cff rgb(208,108,255)
```
#d680ff
```
#d680ff rgb(214,128,255)
```
#dc93ff
```
#dc93ff rgb(220,147,255)
```
#e3a7ff
```
#e3a7ff rgb(227,167,255)
```
#e9bbff
```
#e9bbff rgb(233,187,255)
```
#efceff
```
#efceff rgb(239,206,255)
```
#f6e2ff
```
#f6e2ff rgb(246,226,255)
```
#fcf6ff
```
#fcf6ff rgb(252,246,255)
```

Tint Color Variation

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

#a59ba9
```
#a59ba9 rgb(165,155,169)
```
#a794b0
```
#a794b0 rgb(167,148,176)
```
#aa8db7
```
#aa8db7 rgb(170,141,183)
```
#ac85bf
```
#ac85bf rgb(172,133,191)
```
#af7ec6
```
#af7ec6 rgb(175,126,198)
```
#b177cd
```
#b177cd rgb(177,119,205)
```
#b470d4
```
#b470d4 rgb(180,112,212)
```
#b669db
```
#b669db rgb(182,105,219)
```
#b962e2
```
#b962e2 rgb(185,98,226)
```
#bb5aea
```
#bb5aea rgb(187,90,234)
```
#be53f1
```
#be53f1 rgb(190,83,241)
```
#c04cf8
```
#c04cf8 rgb(192,76,248)
```
#c345ff
```
#c345ff rgb(195,69,255)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#8d7499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3186ff Protanopia 1% of men
#008cea Deuteranopia 1% of men
#af7c85 Tritanopia 0.001% of the population

Trichromacy

#666eff Protanomaly 1% of men, 0.01% of women
#4672f2 Deuteranomaly 6% of men, 0.4% of women
#b668b1 Tritanomaly 0.01% of the population

#c345ff hex color

#c345ff Color Information

#c345ff Color Conversion

Color Schemes with #c345ff

Alternatives to #c345ff

#c345ff Preview

Shades and Tints of #c345ff

Tones of #c345ff

Color Blindness Simulator