#6f54e3 hex color

In a RGB color space, hex #6f54e3 is composed of 43.5% red, 32.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 51.1% cyan, 63% magenta, 0% yellow and 11% black. It has a hue angle of 251.3 degrees, a saturation of 71.9% and a lightness of 61%. #6f54e3 color hex could be obtained by blending #dea8ff with #0000c7. Closest websafe color is: #6666cc.

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

● #6f54e3 color description : Soft blue.

The hexadecimal color #6f54e3 has RGB values of R:111, G:84, B:227 and CMYK values of C:0.51, M:0.63, Y:0, K:0.11. Its decimal value is 7296227.

Hex triplet	6f54e3	`#6f54e3`
RGB Decimal	111, 84, 227	`rgb(111,84,227)`
RGB Percent	43.5, 32.9, 89	`rgb(43.5%,32.9%,89%)`
CMYK	51, 63, 0, 11
HSL	251.3°, 71.9, 61	`hsl(251.3,71.9%,61%)`
HSV (or HSB)	251.3°, 63, 89
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.996, 46.989, -69.246
XYZ	23.588, 15.266, 74.372
xyY	0.208, 0.135, 15.266
CIE-LCH	45.996, 83.684, 304.16
CIE-LUV	45.996, 0.306, -107.339
Hunter-Lab	39.071, 39.391, -85.509
Binary	01101111, 01010100, 11100011

#6f54e3
```
#6f54e3 rgb(111,84,227)
```
#c8e354
```
#c8e354 rgb(200,227,84)
```

Complementary Color

#5481e3
```
#5481e3 rgb(84,129,227)
```
#6f54e3
```
#6f54e3 rgb(111,84,227)
```
#b754e3
```
#b754e3 rgb(183,84,227)
```

Analogous Color

#81e354
```
#81e354 rgb(129,227,84)
```
#6f54e3
```
#6f54e3 rgb(111,84,227)
```
#e3b754
```
#e3b754 rgb(227,183,84)
```

Split Complementary Color

#54e36f
```
#54e36f rgb(84,227,111)
```
#6f54e3
```
#6f54e3 rgb(111,84,227)
```
#e36f54
```
#e36f54 rgb(227,111,84)
```

Triadic Color

#54c8e3
```
#54c8e3 rgb(84,200,227)
```
#6f54e3
```
#6f54e3 rgb(111,84,227)
```
#e36f54
```
#e36f54 rgb(227,111,84)
```
#c8e354
```
#c8e354 rgb(200,227,84)
```

Tetradic Color

#4121ca
```
#4121ca rgb(65,33,202)
```
#4a28dc
```
#4a28dc rgb(74,40,220)
```
#5d3edf
```
#5d3edf rgb(93,62,223)
```
#6f54e3
```
#6f54e3 rgb(111,84,227)
```
#816ae7
```
#816ae7 rgb(129,106,231)
```
#9480ea
```
#9480ea rgb(148,128,234)
```
#a696ee
```
#a696ee rgb(166,150,238)
```

Monochromatic Color

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

#545de3
```
#545de3 rgb(84,93,227)
```
#5754e3
```
#5754e3 rgb(87,84,227)
```
#6354e3
```
#6354e3 rgb(99,84,227)
```
#6f54e3
```
#6f54e3 rgb(111,84,227)
```
#7b54e3
```
#7b54e3 rgb(123,84,227)
```
#8754e3
```
#8754e3 rgb(135,84,227)
```
#9354e3
```
#9354e3 rgb(147,84,227)
```

Similar Colors

Text with hexadecimal color #6f54e3

This text has a font color of #6f54e3.

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

#6f54e3 background color

This paragraph has a background color of #6f54e3.

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

#6f54e3 border color

This element has a border color of #6f54e3.

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

CSS codes

.text {color:#6f54e3;}

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

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

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, #05020e is the darkest color, while #fdfdff is the lightest one.

#05020e
```
#05020e rgb(5,2,14)
```
#0a051f
```
#0a051f rgb(10,5,31)
```
#0f0830
```
#0f0830 rgb(15,8,48)
```
#150b41
```
#150b41 rgb(21,11,65)
```
#1a0d52
```
#1a0d52 rgb(26,13,82)
```
#201063
```
#201063 rgb(32,16,99)
```
#251374
```
#251374 rgb(37,19,116)
```
#2b1684
```
#2b1684 rgb(43,22,132)
```
#301895
```
#301895 rgb(48,24,149)
```
#351ba6
```
#351ba6 rgb(53,27,166)
```
#3b1eb7
```
#3b1eb7 rgb(59,30,183)
```
#4021c8
```
#4021c8 rgb(64,33,200)
```
#4623d9
```
#4623d9 rgb(70,35,217)
```

Shade Color Variation

#5332dd
```
#5332dd rgb(83,50,221)
```
#6143e0
```
#6143e0 rgb(97,67,224)
```
#6f54e3
```
#6f54e3 rgb(111,84,227)
```
#7d65e6
```
#7d65e6 rgb(125,101,230)
```
#8b76e9
```
#8b76e9 rgb(139,118,233)
```
#9a87eb
```
#9a87eb rgb(154,135,235)
```
#a897ee
```
#a897ee rgb(168,151,238)
```
#b6a8f1
```
#b6a8f1 rgb(182,168,241)
```
#c4b9f4
```
#c4b9f4 rgb(196,185,244)
```
#d2caf6
```
#d2caf6 rgb(210,202,246)
```
#e1dbf9
```
#e1dbf9 rgb(225,219,249)
```
#efecfc
```
#efecfc rgb(239,236,252)
```
#fdfdff
```
#fdfdff rgb(253,253,255)
```

Tint Color Variation

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

#9a999e
```
#9a999e rgb(154,153,158)
```
#9591a6
```
#9591a6 rgb(149,145,166)
```
#908aad
```
#908aad rgb(144,138,173)
```
#8c82b5
```
#8c82b5 rgb(140,130,181)
```
#877abd
```
#877abd rgb(135,122,189)
```
#8273c4
```
#8273c4 rgb(130,115,196)
```
#7d6bcc
```
#7d6bcc rgb(125,107,204)
```
#7963d4
```
#7963d4 rgb(121,99,212)
```
#745cdb
```
#745cdb rgb(116,92,219)
```
#6f54e3
```
#6f54e3 rgb(111,84,227)
```
#6a4ceb
```
#6a4ceb rgb(106,76,235)
```
#6545f2
```
#6545f2 rgb(101,69,242)
```
#613dfa
```
#613dfa rgb(97,61,250)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#6d6784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0071dc Protanopia 1% of men
#0077c2 Deuteranopia 1% of men
#4f7b84 Tritanopia 0.001% of the population

Trichromacy

#2866df Protanomaly 1% of men, 0.01% of women
#286ace Deuteranomaly 6% of men, 0.4% of women
#5a6ca6 Tritanomaly 0.01% of the population

#6f54e3 hex color

#6f54e3 Color Information

#6f54e3 Color Conversion

Color Schemes with #6f54e3

Alternatives to #6f54e3

#6f54e3 Preview

Shades and Tints of #6f54e3

Tones of #6f54e3

Color Blindness Simulator