#6f48e2 hex color

In a RGB color space, hex #6f48e2 is composed of 43.5% red, 28.2% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 50.9% cyan, 68.1% magenta, 0% yellow and 11.4% black. It has a hue angle of 255.2 degrees, a saturation of 72.6% and a lightness of 58.4%. #6f48e2 color hex could be obtained by blending #de90ff with #0000c5. Closest websafe color is: #6633cc.

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

● #6f48e2 color description : Soft violet.

The hexadecimal color #6f48e2 has RGB values of R:111, G:72, B:226 and CMYK values of C:0.51, M:0.68, Y:0, K:0.11. Its decimal value is 7293154.

Hex triplet	6f48e2	`#6f48e2`
RGB Decimal	111, 72, 226	`rgb(111,72,226)`
RGB Percent	43.5, 28.2, 88.6	`rgb(43.5%,28.2%,88.6%)`
CMYK	51, 68, 0, 11
HSL	255.2°, 72.6, 58.4	`hsl(255.2,72.6%,58.4%)`
HSV (or HSB)	255.2°, 68.1, 88.6
Web Safe	6633cc	`#6633cc`

CIE-LAB	43.514, 53.225, -72.725
XYZ	22.598, 13.505, 73.363
xyY	0.206, 0.123, 13.505
CIE-LCH	43.514, 90.121, 306.199
CIE-LUV	43.514, 2.924, -110.515
Hunter-Lab	36.749, 45.454, -92.639
Binary	01101111, 01001000, 11100010

#6f48e2
```
#6f48e2 rgb(111,72,226)
```
#bbe248
```
#bbe248 rgb(187,226,72)
```

Complementary Color

#486ee2
```
#486ee2 rgb(72,110,226)
```
#6f48e2
```
#6f48e2 rgb(111,72,226)
```
#bc48e2
```
#bc48e2 rgb(188,72,226)
```

Analogous Color

#6ee248
```
#6ee248 rgb(110,226,72)
```
#6f48e2
```
#6f48e2 rgb(111,72,226)
```
#e2bc48
```
#e2bc48 rgb(226,188,72)
```

Split Complementary Color

#48e26f
```
#48e26f rgb(72,226,111)
```
#6f48e2
```
#6f48e2 rgb(111,72,226)
```
#e26f48
```
#e26f48 rgb(226,111,72)
```

Triadic Color

#48bbe2
```
#48bbe2 rgb(72,187,226)
```
#6f48e2
```
#6f48e2 rgb(111,72,226)
```
#e26f48
```
#e26f48 rgb(226,111,72)
```
#bbe248
```
#bbe248 rgb(187,226,72)
```

Tetradic Color

#471ebf
```
#471ebf rgb(71,30,191)
```
#4f22d5
```
#4f22d5 rgb(79,34,213)
```
#5e32df
```
#5e32df rgb(94,50,223)
```
#6f48e2
```
#6f48e2 rgb(111,72,226)
```
#805ee5
```
#805ee5 rgb(128,94,229)
```
#9274e9
```
#9274e9 rgb(146,116,233)
```
#a38aec
```
#a38aec rgb(163,138,236)
```

Monochromatic Color

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

#4848e2
```
#4848e2 rgb(72,72,226)
```
#5548e2
```
#5548e2 rgb(85,72,226)
```
#6248e2
```
#6248e2 rgb(98,72,226)
```
#6f48e2
```
#6f48e2 rgb(111,72,226)
```
#7c48e2
```
#7c48e2 rgb(124,72,226)
```
#8948e2
```
#8948e2 rgb(137,72,226)
```
#9648e2
```
#9648e2 rgb(150,72,226)
```

Similar Colors

Text with hexadecimal color #6f48e2

This text has a font color of #6f48e2.

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

#6f48e2 background color

This paragraph has a background color of #6f48e2.

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

#6f48e2 border color

This element has a border color of #6f48e2.

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

CSS codes

.text {color:#6f48e2;}

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

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

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

#010103
```
#010103 rgb(1,1,3)
```
#080314
```
#080314 rgb(8,3,20)
```
#0e0625
```
#0e0625 rgb(14,6,37)
```
#140936
```
#140936 rgb(20,9,54)
```
#1a0b47
```
#1a0b47 rgb(26,11,71)
```
#210e58
```
#210e58 rgb(33,14,88)
```
#271169
```
#271169 rgb(39,17,105)
```
#2d137a
```
#2d137a rgb(45,19,122)
```
#34168b
```
#34168b rgb(52,22,139)
```
#3a199c
```
#3a199c rgb(58,25,156)
```
#401bad
```
#401bad rgb(64,27,173)
```
#461ebe
```
#461ebe rgb(70,30,190)
```
#4d21ce
```
#4d21ce rgb(77,33,206)
```

Shade Color Variation

#5426dd
```
#5426dd rgb(84,38,221)
```
#6237df
```
#6237df rgb(98,55,223)
```
#6f48e2
```
#6f48e2 rgb(111,72,226)
```
#7c59e5
```
#7c59e5 rgb(124,89,229)
```
#8a6ae7
```
#8a6ae7 rgb(138,106,231)
```
#977bea
```
#977bea rgb(151,123,234)
```
#a48ced
```
#a48ced rgb(164,140,237)
```
#b29def
```
#b29def rgb(178,157,239)
```
#bfaef2
```
#bfaef2 rgb(191,174,242)
```
#ccbff5
```
#ccbff5 rgb(204,191,245)
```
#dacff7
```
#dacff7 rgb(218,207,247)
```
#e7e0fa
```
#e7e0fa rgb(231,224,250)
```
#f4f1fd
```
#f4f1fd rgb(244,241,253)
```

Tint Color Variation

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

#939199
```
#939199 rgb(147,145,153)
```
#8f89a1
```
#8f89a1 rgb(143,137,161)
```
#8b81a9
```
#8b81a9 rgb(139,129,169)
```
#8779b1
```
#8779b1 rgb(135,121,177)
```
#8371b9
```
#8371b9 rgb(131,113,185)
```
#7f69c1
```
#7f69c1 rgb(127,105,193)
```
#7b60ca
```
#7b60ca rgb(123,96,202)
```
#7758d2
```
#7758d2 rgb(119,88,210)
```
#7350da
```
#7350da rgb(115,80,218)
```
#6f48e2
```
#6f48e2 rgb(111,72,226)
```
#6b40ea
```
#6b40ea rgb(107,64,234)
```
#6738f2
```
#6738f2 rgb(103,56,242)
```
#6330fa
```
#6330fa rgb(99,48,250)
```

Tone Color Variation

Below, you can see how #6f48e2 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
#675f7e Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#4d747d Tritanopia 0.001% of the population

Trichromacy

#285ed7 Protanomaly 1% of men, 0.01% of women
#2862c7 Deuteranomaly 6% of men, 0.4% of women
#5964a1 Tritanomaly 0.01% of the population

#6f48e2 hex color

#6f48e2 Color Information

#6f48e2 Color Conversion

Color Schemes with #6f48e2

Alternatives to #6f48e2

#6f48e2 Preview

Shades and Tints of #6f48e2

Tones of #6f48e2

Color Blindness Simulator