#6c48e4 hex color

In a RGB color space, hex #6c48e4 is composed of 42.4% red, 28.2% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 68.4% magenta, 0% yellow and 10.6% black. It has a hue angle of 253.8 degrees, a saturation of 74.3% and a lightness of 58.8%. #6c48e4 color hex could be obtained by blending #d890ff with #0000c9. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 42
- G 28
- B 89
RGB color chart
- C 53
- M 68
- Y 0
- K 11
CMYK color chart

● #6c48e4 color description : Soft blue.

The hexadecimal color #6c48e4 has RGB values of R:108, G:72, B:228 and CMYK values of C:0.53, M:0.68, Y:0, K:0.11. Its decimal value is 7096548.

Hex triplet	6c48e4	`#6c48e4`
RGB Decimal	108, 72, 228	`rgb(108,72,228)`
RGB Percent	42.4, 28.2, 89.4	`rgb(42.4%,28.2%,89.4%)`
CMYK	53, 68, 0, 11
HSL	253.8°, 74.3, 58.8	`hsl(253.8,74.3%,58.8%)`
HSV (or HSB)	253.8°, 68.4, 89.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	43.395, 53.303, -74.067
XYZ	22.503, 13.424, 74.8
xyY	0.203, 0.121, 13.424
CIE-LCH	43.395, 91.254, 305.741
CIE-LUV	43.395, 1.671, -112.16
Hunter-Lab	36.638, 45.514, -95.398
Binary	01101100, 01001000, 11100100

#6c48e4
```
#6c48e4 rgb(108,72,228)
```
#c0e448
```
#c0e448 rgb(192,228,72)
```

Complementary Color

#4872e4
```
#4872e4 rgb(72,114,228)
```
#6c48e4
```
#6c48e4 rgb(108,72,228)
```
#ba48e4
```
#ba48e4 rgb(186,72,228)
```

Analogous Color

#72e448
```
#72e448 rgb(114,228,72)
```
#6c48e4
```
#6c48e4 rgb(108,72,228)
```
#e4ba48
```
#e4ba48 rgb(228,186,72)
```

Split Complementary Color

#48e46c
```
#48e46c rgb(72,228,108)
```
#6c48e4
```
#6c48e4 rgb(108,72,228)
```
#e46c48
```
#e46c48 rgb(228,108,72)
```

Triadic Color

#48c0e4
```
#48c0e4 rgb(72,192,228)
```
#6c48e4
```
#6c48e4 rgb(108,72,228)
```
#e46c48
```
#e46c48 rgb(228,108,72)
```
#c0e448
```
#c0e448 rgb(192,228,72)
```

Tetradic Color

#431dc3
```
#431dc3 rgb(67,29,195)
```
#4b20d9
```
#4b20d9 rgb(75,32,217)
```
#5a32e1
```
#5a32e1 rgb(90,50,225)
```
#6c48e4
```
#6c48e4 rgb(108,72,228)
```
#7e5ee7
```
#7e5ee7 rgb(126,94,231)
```
#9074eb
```
#9074eb rgb(144,116,235)
```
#a28bee
```
#a28bee rgb(162,139,238)
```

Monochromatic Color

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

#484be4
```
#484be4 rgb(72,75,228)
```
#5248e4
```
#5248e4 rgb(82,72,228)
```
#5f48e4
```
#5f48e4 rgb(95,72,228)
```
#6c48e4
```
#6c48e4 rgb(108,72,228)
```
#7948e4
```
#7948e4 rgb(121,72,228)
```
#8648e4
```
#8648e4 rgb(134,72,228)
```
#9348e4
```
#9348e4 rgb(147,72,228)
```

Similar Colors

Text with hexadecimal color #6c48e4

This text has a font color of #6c48e4.

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

#6c48e4 background color

This paragraph has a background color of #6c48e4.

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

#6c48e4 border color

This element has a border color of #6c48e4.

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

CSS codes

.text {color:#6c48e4;}

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

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

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

#020105
```
#020105 rgb(2,1,5)
```
#080316
```
#080316 rgb(8,3,22)
```
#0e0627
```
#0e0627 rgb(14,6,39)
```
#130838
```
#130838 rgb(19,8,56)
```
#190b49
```
#190b49 rgb(25,11,73)
```
#1f0d5a
```
#1f0d5a rgb(31,13,90)
```
#25106c
```
#25106c rgb(37,16,108)
```
#2b127d
```
#2b127d rgb(43,18,125)
```
#31158e
```
#31158e rgb(49,21,142)
```
#37179f
```
#37179f rgb(55,23,159)
```
#3d1ab0
```
#3d1ab0 rgb(61,26,176)
```
#421cc1
```
#421cc1 rgb(66,28,193)
```
#481fd2
```
#481fd2 rgb(72,31,210)
```

Shade Color Variation

#5126df
```
#5126df rgb(81,38,223)
```
#5e37e1
```
#5e37e1 rgb(94,55,225)
```
#6c48e4
```
#6c48e4 rgb(108,72,228)
```
#7a59e7
```
#7a59e7 rgb(122,89,231)
```
#876ae9
```
#876ae9 rgb(135,106,233)
```
#957bec
```
#957bec rgb(149,123,236)
```
#a38cee
```
#a38cee rgb(163,140,238)
```
#b19df1
```
#b19df1 rgb(177,157,241)
```
#beaff3
```
#beaff3 rgb(190,175,243)
```
#ccc0f6
```
#ccc0f6 rgb(204,192,246)
```
#dad1f8
```
#dad1f8 rgb(218,209,248)
```
#e8e2fb
```
#e8e2fb rgb(232,226,251)
```
#f5f3fd
```
#f5f3fd rgb(245,243,253)
```

Tint Color Variation

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

#93919b
```
#93919b rgb(147,145,155)
```
#8f89a3
```
#8f89a3 rgb(143,137,163)
```
#8a81ab
```
#8a81ab rgb(138,129,171)
```
#8678b4
```
#8678b4 rgb(134,120,180)
```
#8270bc
```
#8270bc rgb(130,112,188)
```
#7d68c4
```
#7d68c4 rgb(125,104,196)
```
#7960cc
```
#7960cc rgb(121,96,204)
```
#7558d4
```
#7558d4 rgb(117,88,212)
```
#7050dc
```
#7050dc rgb(112,80,220)
```
#6c48e4
```
#6c48e4 rgb(108,72,228)
```
#6840ec
```
#6840ec rgb(104,64,236)
```
#6338f4
```
#6338f4 rgb(99,56,244)
```
#5f30fc
```
#5f30fc rgb(95,48,252)
```

Tone Color Variation

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

#656565 Achromatopsia 0.005% of the population
#665f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#46757d Tritanopia 0.001% of the population

Trichromacy

#275ed7 Protanomaly 1% of men, 0.01% of women
#2762c7 Deuteranomaly 6% of men, 0.4% of women
#5464a3 Tritanomaly 0.01% of the population

#6c48e4 hex color

#6c48e4 Color Information

#6c48e4 Color Conversion

Color Schemes with #6c48e4

Alternatives to #6c48e4

#6c48e4 Preview

Shades and Tints of #6c48e4

Tones of #6c48e4

Color Blindness Simulator