#6954e4 hex color

In a RGB color space, hex #6954e4 is composed of 41.2% red, 32.9% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 53.9% cyan, 63.2% magenta, 0% yellow and 10.6% black. It has a hue angle of 248.8 degrees, a saturation of 72.7% and a lightness of 61.2%. #6954e4 color hex could be obtained by blending #d2a8ff with #0000c9. Closest websafe color is: #6666cc.

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

● #6954e4 color description : Soft blue.

The hexadecimal color #6954e4 has RGB values of R:105, G:84, B:228 and CMYK values of C:0.54, M:0.63, Y:0, K:0.11. Its decimal value is 6903012.

Hex triplet	6954e4	`#6954e4`
RGB Decimal	105, 84, 228	`rgb(105,84,228)`
RGB Percent	41.2, 32.9, 89.4	`rgb(41.2%,32.9%,89.4%)`
CMYK	54, 63, 0, 11
HSL	248.8°, 72.7, 61.2	`hsl(248.8,72.7%,61.2%)`
HSV (or HSB)	248.8°, 63.2, 89.4
Web Safe	6666cc	`#6666cc`

CIE-LAB	45.558, 46.227, -70.548
XYZ	22.997, 14.945, 75.067
xyY	0.203, 0.132, 14.945
CIE-LCH	45.558, 84.344, 303.235
CIE-LUV	45.558, -1.837, -108.737
Hunter-Lab	38.658, 38.534, -88.07
Binary	01101001, 01010100, 11100100

#6954e4
```
#6954e4 rgb(105,84,228)
```
#cfe454
```
#cfe454 rgb(207,228,84)
```

Complementary Color

#5487e4
```
#5487e4 rgb(84,135,228)
```
#6954e4
```
#6954e4 rgb(105,84,228)
```
#b154e4
```
#b154e4 rgb(177,84,228)
```

Analogous Color

#87e454
```
#87e454 rgb(135,228,84)
```
#6954e4
```
#6954e4 rgb(105,84,228)
```
#e4b154
```
#e4b154 rgb(228,177,84)
```

Split Complementary Color

#54e469
```
#54e469 rgb(84,228,105)
```
#6954e4
```
#6954e4 rgb(105,84,228)
```
#e46954
```
#e46954 rgb(228,105,84)
```

Triadic Color

#54cfe4
```
#54cfe4 rgb(84,207,228)
```
#6954e4
```
#6954e4 rgb(105,84,228)
```
#e46954
```
#e46954 rgb(228,105,84)
```
#cfe454
```
#cfe454 rgb(207,228,84)
```

Tetradic Color

#3920cb
```
#3920cb rgb(57,32,203)
```
#4228dd
```
#4228dd rgb(66,40,221)
```
#563ee1
```
#563ee1 rgb(86,62,225)
```
#6954e4
```
#6954e4 rgb(105,84,228)
```
#7c6ae7
```
#7c6ae7 rgb(124,106,231)
```
#9080eb
```
#9080eb rgb(144,128,235)
```
#a396ee
```
#a396ee rgb(163,150,238)
```

Monochromatic Color

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

#5463e4
```
#5463e4 rgb(84,99,228)
```
#5457e4
```
#5457e4 rgb(84,87,228)
```
#5d54e4
```
#5d54e4 rgb(93,84,228)
```
#6954e4
```
#6954e4 rgb(105,84,228)
```
#7554e4
```
#7554e4 rgb(117,84,228)
```
#8154e4
```
#8154e4 rgb(129,84,228)
```
#8d54e4
```
#8d54e4 rgb(141,84,228)
```

Similar Colors

Text with hexadecimal color #6954e4

This text has a font color of #6954e4.

<span style="color:#6954e4;">Text here</span>

#6954e4 background color

This paragraph has a background color of #6954e4.

<p style="background-color:#6954e4;">Content here</p>

#6954e4 border color

This element has a border color of #6954e4.

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

CSS codes

.text {color:#6954e4;}

.background {background-color:#6954e4;}

.border {border:1px solid #6954e4;}

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, #04020f is the darkest color, while #fefdff is the lightest one.

#04020f
```
#04020f rgb(4,2,15)
```
#090520
```
#090520 rgb(9,5,32)
```
#0e0831
```
#0e0831 rgb(14,8,49)
```
#130a42
```
#130a42 rgb(19,10,66)
```
#170d53
```
#170d53 rgb(23,13,83)
```
#1c1064
```
#1c1064 rgb(28,16,100)
```
#211275
```
#211275 rgb(33,18,117)
```
#261586
```
#261586 rgb(38,21,134)
```
#2a1897
```
#2a1897 rgb(42,24,151)
```
#2f1aa8
```
#2f1aa8 rgb(47,26,168)
```
#341db9
```
#341db9 rgb(52,29,185)
```
#3920ca
```
#3920ca rgb(57,32,202)
```
#3d23db
```
#3d23db rgb(61,35,219)
```

Shade Color Variation

#4b32df
```
#4b32df rgb(75,50,223)
```
#5a43e1
```
#5a43e1 rgb(90,67,225)
```
#6954e4
```
#6954e4 rgb(105,84,228)
```
#7865e7
```
#7865e7 rgb(120,101,231)
```
#8776e9
```
#8776e9 rgb(135,118,233)
```
#9687ec
```
#9687ec rgb(150,135,236)
```
#a498ef
```
#a498ef rgb(164,152,239)
```
#b3a9f1
```
#b3a9f1 rgb(179,169,241)
```
#c2baf4
```
#c2baf4 rgb(194,186,244)
```
#d1cbf7
```
#d1cbf7 rgb(209,203,247)
```
#e0dcf9
```
#e0dcf9 rgb(224,220,249)
```
#efecfc
```
#efecfc rgb(239,236,252)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

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

#9a999f
```
#9a999f rgb(154,153,159)
```
#9491a7
```
#9491a7 rgb(148,145,167)
```
#8f89af
```
#8f89af rgb(143,137,175)
```
#8982b6
```
#8982b6 rgb(137,130,182)
```
#847abe
```
#847abe rgb(132,122,190)
```
#7f72c6
```
#7f72c6 rgb(127,114,198)
```
#796bcd
```
#796bcd rgb(121,107,205)
```
#7463d5
```
#7463d5 rgb(116,99,213)
```
#6e5cdc
```
#6e5cdc rgb(110,92,220)
```
#6954e4
```
#6954e4 rgb(105,84,228)
```
#644cec
```
#644cec rgb(100,76,236)
```
#5e45f3
```
#5e45f3 rgb(94,69,243)
```
#593dfb
```
#593dfb rgb(89,61,251)
```

Tone Color Variation

Below, you can see how #6954e4 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

#6b6b6b Achromatopsia 0.005% of the population
#6b6683 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070da Protanopia 1% of men
#0076c0 Deuteranopia 1% of men
#437b84 Tritanopia 0.001% of the population

Trichromacy

#2665de Protanomaly 1% of men, 0.01% of women
#2669cd Deuteranomaly 6% of men, 0.4% of women
#516da7 Tritanomaly 0.01% of the population

#6954e4 hex color

#6954e4 Color Information

#6954e4 Color Conversion

Color Schemes with #6954e4

Alternatives to #6954e4

#6954e4 Preview

Shades and Tints of #6954e4

Tones of #6954e4

Color Blindness Simulator