#6154e2 hex color

In a RGB color space, hex #6154e2 is composed of 38% red, 32.9% green and 88.6% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 62.8% magenta, 0% yellow and 11.4% black. It has a hue angle of 245.5 degrees, a saturation of 71% and a lightness of 60.8%. #6154e2 color hex could be obtained by blending #c2a8ff with #0000c5. Closest websafe color is: #6666cc.

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

● #6154e2 color description : Soft blue.

The hexadecimal color #6154e2 has RGB values of R:97, G:84, B:226 and CMYK values of C:0.57, M:0.63, Y:0, K:0.11. Its decimal value is 6378722.

Hex triplet	6154e2	`#6154e2`
RGB Decimal	97, 84, 226	`rgb(97,84,226)`
RGB Percent	38, 32.9, 88.6	`rgb(38%,32.9%,88.6%)`
CMYK	57, 63, 0, 11
HSL	245.5°, 71, 60.8	`hsl(245.5,71%,60.8%)`
HSV (or HSB)	245.5°, 62.8, 88.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	44.762, 44.273, -70.739
XYZ	21.825, 14.372, 73.571
xyY	0.199, 0.131, 14.372
CIE-LCH	44.762, 83.451, 302.041
CIE-LUV	44.762, -4.236, -108.228
Hunter-Lab	37.911, 36.417, -88.524
Binary	01100001, 01010100, 11100010

#6154e2
```
#6154e2 rgb(97,84,226)
```
#d5e254
```
#d5e254 rgb(213,226,84)
```

Complementary Color

#548ee2
```
#548ee2 rgb(84,142,226)
```
#6154e2
```
#6154e2 rgb(97,84,226)
```
#a854e2
```
#a854e2 rgb(168,84,226)
```

Analogous Color

#8ee254
```
#8ee254 rgb(142,226,84)
```
#6154e2
```
#6154e2 rgb(97,84,226)
```
#e2a854
```
#e2a854 rgb(226,168,84)
```

Split Complementary Color

#54e261
```
#54e261 rgb(84,226,97)
```
#6154e2
```
#6154e2 rgb(97,84,226)
```
#e26154
```
#e26154 rgb(226,97,84)
```

Triadic Color

#54d5e2
```
#54d5e2 rgb(84,213,226)
```
#6154e2
```
#6154e2 rgb(97,84,226)
```
#e26154
```
#e26154 rgb(226,97,84)
```
#d5e254
```
#d5e254 rgb(213,226,84)
```

Tetradic Color

#3122c8
```
#3122c8 rgb(49,34,200)
```
#3928db
```
#3928db rgb(57,40,219)
```
#4d3ede
```
#4d3ede rgb(77,62,222)
```
#6154e2
```
#6154e2 rgb(97,84,226)
```
#756ae6
```
#756ae6 rgb(117,106,230)
```
#8980e9
```
#8980e9 rgb(137,128,233)
```
#9d95ed
```
#9d95ed rgb(157,149,237)
```

Monochromatic Color

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

#546be2
```
#546be2 rgb(84,107,226)
```
#545fe2
```
#545fe2 rgb(84,95,226)
```
#5554e2
```
#5554e2 rgb(85,84,226)
```
#6154e2
```
#6154e2 rgb(97,84,226)
```
#6d54e2
```
#6d54e2 rgb(109,84,226)
```
#7954e2
```
#7954e2 rgb(121,84,226)
```
#8554e2
```
#8554e2 rgb(133,84,226)
```

Similar Colors

Text with hexadecimal color #6154e2

This text has a font color of #6154e2.

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

#6154e2 background color

This paragraph has a background color of #6154e2.

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

#6154e2 border color

This element has a border color of #6154e2.

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

CSS codes

.text {color:#6154e2;}

.background {background-color:#6154e2;}

.border {border:1px solid #6154e2;}

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, #03020d is the darkest color, while #fcfcfe is the lightest one.

#03020d
```
#03020d rgb(3,2,13)
```
#07051e
```
#07051e rgb(7,5,30)
```
#0c082f
```
#0c082f rgb(12,8,47)
```
#100b40
```
#100b40 rgb(16,11,64)
```
#140e51
```
#140e51 rgb(20,14,81)
```
#181161
```
#181161 rgb(24,17,97)
```
#1c1372
```
#1c1372 rgb(28,19,114)
```
#201683
```
#201683 rgb(32,22,131)
```
#241994
```
#241994 rgb(36,25,148)
```
#281ca4
```
#281ca4 rgb(40,28,164)
```
#2d1fb5
```
#2d1fb5 rgb(45,31,181)
```
#3122c6
```
#3122c6 rgb(49,34,198)
```
#3524d7
```
#3524d7 rgb(53,36,215)
```

Shade Color Variation

#4232dc
```
#4232dc rgb(66,50,220)
```
#5243df
```
#5243df rgb(82,67,223)
```
#6154e2
```
#6154e2 rgb(97,84,226)
```
#7065e5
```
#7065e5 rgb(112,101,229)
```
#8076e8
```
#8076e8 rgb(128,118,232)
```
#8f86eb
```
#8f86eb rgb(143,134,235)
```
#9f97ed
```
#9f97ed rgb(159,151,237)
```
#aea8f0
```
#aea8f0 rgb(174,168,240)
```
#beb9f3
```
#beb9f3 rgb(190,185,243)
```
#cdc9f6
```
#cdc9f6 rgb(205,201,246)
```
#dddaf9
```
#dddaf9 rgb(221,218,249)
```
#ecebfc
```
#ecebfc rgb(236,235,252)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#9a999d
```
#9a999d rgb(154,153,157)
```
#9392a4
```
#9392a4 rgb(147,146,164)
```
#8d8aac
```
#8d8aac rgb(141,138,172)
```
#8782b4
```
#8782b4 rgb(135,130,180)
```
#807abc
```
#807abc rgb(128,122,188)
```
#7a73c3
```
#7a73c3 rgb(122,115,195)
```
#746bcb
```
#746bcb rgb(116,107,203)
```
#6e63d3
```
#6e63d3 rgb(110,99,211)
```
#675cda
```
#675cda rgb(103,92,218)
```
#6154e2
```
#6154e2 rgb(97,84,226)
```
#5b4cea
```
#5b4cea rgb(91,76,234)
```
#5445f1
```
#5445f1 rgb(84,69,241)
```
#4e3df9
```
#4e3df9 rgb(78,61,249)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#676480 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006ed7 Protanopia 1% of men
#0074bc Deuteranopia 1% of men
#337a83 Tritanopia 0.001% of the population

Trichromacy

#2364db Protanomaly 1% of men, 0.01% of women
#2368ca Deuteranomaly 6% of men, 0.4% of women
#446ca6 Tritanomaly 0.01% of the population

#6154e2 hex color

#6154e2 Color Information

#6154e2 Color Conversion

Color Schemes with #6154e2

Alternatives to #6154e2

#6154e2 Preview

Shades and Tints of #6154e2

Tones of #6154e2

Color Blindness Simulator