colorhexa.com

#6c45e1 hex color

In a RGB color space, hex #6c45e1 is composed of 42.4% red, 27.1% green and 88.2% blue. Whereas in a CMYK color space, it is composed of 52% cyan, 69.3% magenta, 0% yellow and 11.8% black. It has a hue angle of 255 degrees, a saturation of 72.2% and a lightness of 57.6%. #6c45e1 color hex could be obtained by blending #d88aff with #0000c3. Closest websafe color is: #6633cc.

- R 42
- G 27
- B 88
RGB color chart
- C 52
- M 69
- Y 0
- K 12
CMYK color chart

● #6c45e1 color description : Soft violet.

The hexadecimal color #6c45e1 has RGB values of R:108, G:69, B:225 and CMYK values of C:0.52, M:0.69, Y:0, K:0.12. Its decimal value is 7095777.

Hex triplet	6c45e1	`#6c45e1`
RGB Decimal	108, 69, 225	`rgb(108,69,225)`
RGB Percent	42.4, 27.1, 88.2	`rgb(42.4%,27.1%,88.2%)`
CMYK	52, 69, 0, 12
HSL	255°, 72.2, 57.6	`hsl(255,72.2%,57.6%)`
HSV (or HSB)	255°, 69.3, 88.2
Web Safe	6633cc	`#6633cc`

CIE-LAB	42.582, 54.023, -73.691
XYZ	21.901, 12.88, 72.562
xyY	0.204, 0.12, 12.88
CIE-LCH	42.582, 91.372, 306.245
CIE-LUV	42.582, 2.532, -110.984
Hunter-Lab	35.889, 46.121, -94.754
Binary	01101100, 01000101, 11100001

#6c45e1
```
#6c45e1 rgb(108,69,225)
```
#bae145
```
#bae145 rgb(186,225,69)
```

Complementary Color

#456ce1
```
#456ce1 rgb(69,108,225)
```
#6c45e1
```
#6c45e1 rgb(108,69,225)
```
#ba45e1
```
#ba45e1 rgb(186,69,225)
```

Analogous Color

#6ce145
```
#6ce145 rgb(108,225,69)
```
#6c45e1
```
#6c45e1 rgb(108,69,225)
```
#e1ba45
```
#e1ba45 rgb(225,186,69)
```

Split Complementary Color

#45e16c
```
#45e16c rgb(69,225,108)
```
#6c45e1
```
#6c45e1 rgb(108,69,225)
```
#e16c45
```
#e16c45 rgb(225,108,69)
```

Triadic Color

#45bae1
```
#45bae1 rgb(69,186,225)
```
#6c45e1
```
#6c45e1 rgb(108,69,225)
```
#e16c45
```
#e16c45 rgb(225,108,69)
```
#bae145
```
#bae145 rgb(186,225,69)
```

Tetradic Color

#451ebb
```
#451ebb rgb(69,30,187)
```
#4e22d1
```
#4e22d1 rgb(78,34,209)
```
#5b2fdd
```
#5b2fdd rgb(91,47,221)
```
#6c45e1
```
#6c45e1 rgb(108,69,225)
```
#7d5be5
```
#7d5be5 rgb(125,91,229)
```
#8f71e8
```
#8f71e8 rgb(143,113,232)
```
#a087ec
```
#a087ec rgb(160,135,236)
```

Monochromatic Color

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

#4545e1
```
#4545e1 rgb(69,69,225)
```
#5245e1
```
#5245e1 rgb(82,69,225)
```
#5f45e1
```
#5f45e1 rgb(95,69,225)
```
#6c45e1
```
#6c45e1 rgb(108,69,225)
```
#7945e1
```
#7945e1 rgb(121,69,225)
```
#8645e1
```
#8645e1 rgb(134,69,225)
```
#9345e1
```
#9345e1 rgb(147,69,225)
```

Similar Colors

Text with hexadecimal color #6c45e1

This text has a font color of #6c45e1.

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

#6c45e1 background color

This paragraph has a background color of #6c45e1.

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

#6c45e1 border color

This element has a border color of #6c45e1.

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

CSS codes

.text {color:#6c45e1;}

.background {background-color:#6c45e1;}

.border {border:1px solid #6c45e1;}

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

#060311
```
#060311 rgb(6,3,17)
```
#0c0522
```
#0c0522 rgb(12,5,34)
```
#130832
```
#130832 rgb(19,8,50)
```
#190b43
```
#190b43 rgb(25,11,67)
```
#1f0e54
```
#1f0e54 rgb(31,14,84)
```
#261065
```
#261065 rgb(38,16,101)
```
#2c1376
```
#2c1376 rgb(44,19,118)
```
#321687
```
#321687 rgb(50,22,135)
```
#381898
```
#381898 rgb(56,24,152)
```
#3f1ba9
```
#3f1ba9 rgb(63,27,169)
```
#451eba
```
#451eba rgb(69,30,186)
```
#4b21ca
```
#4b21ca rgb(75,33,202)
```
#5123db
```
#5123db rgb(81,35,219)
```

Shade Color Variation

#5f34de
```
#5f34de rgb(95,52,222)
```
#6c45e1
```
#6c45e1 rgb(108,69,225)
```
#7956e4
```
#7956e4 rgb(121,86,228)
```
#8767e6
```
#8767e6 rgb(135,103,230)
```
#9478e9
```
#9478e9 rgb(148,120,233)
```
#a189ec
```
#a189ec rgb(161,137,236)
```
#af99ef
```
#af99ef rgb(175,153,239)
```
#bcaaf1
```
#bcaaf1 rgb(188,170,241)
```
#c9bbf4
```
#c9bbf4 rgb(201,187,244)
```
#d7ccf7
```
#d7ccf7 rgb(215,204,247)
```
#e4ddfa
```
#e4ddfa rgb(228,221,250)
```
#f1eefc
```
#f1eefc rgb(241,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#919096
```
#919096 rgb(145,144,150)
```
#8d879f
```
#8d879f rgb(141,135,159)
```
#897fa7
```
#897fa7 rgb(137,127,167)
```
#8577af
```
#8577af rgb(133,119,175)
```
#816fb7
```
#816fb7 rgb(129,111,183)
```
#7d66c0
```
#7d66c0 rgb(125,102,192)
```
#785ec8
```
#785ec8 rgb(120,94,200)
```
#7456d0
```
#7456d0 rgb(116,86,208)
```
#704dd9
```
#704dd9 rgb(112,77,217)
```
#6c45e1
```
#6c45e1 rgb(108,69,225)
```
#683de9
```
#683de9 rgb(104,61,233)
```
#6434f2
```
#6434f2 rgb(100,52,242)
```
#602cfa
```
#602cfa rgb(96,44,250)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#645c7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069cd Protanopia 1% of men
#006fb3 Deuteranopia 1% of men
#48737b Tritanopia 0.001% of the population

Trichromacy

#275cd4 Protanomaly 1% of men, 0.01% of women
#275fc4 Deuteranomaly 6% of men, 0.4% of women
#5562a0 Tritanomaly 0.01% of the population