#684aea hex color

In a RGB color space, hex #684aea is composed of 40.8% red, 29% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 55.6% cyan, 68.4% magenta, 0% yellow and 8.2% black. It has a hue angle of 251.3 degrees, a saturation of 79.2% and a lightness of 60.4%. #684aea color hex could be obtained by blending #d094ff with #0000d5. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 29
- B 92
RGB color chart
- C 56
- M 68
- Y 0
- K 8
CMYK color chart

● #684aea color description : Soft blue.

The hexadecimal color #684aea has RGB values of R:104, G:74, B:234 and CMYK values of C:0.56, M:0.68, Y:0, K:0.08. Its decimal value is 6834922.

Hex triplet	684aea	`#684aea`
RGB Decimal	104, 74, 234	`rgb(104,74,234)`
RGB Percent	40.8, 29, 91.8	`rgb(40.8%,29%,91.8%)`
CMYK	56, 68, 0, 8
HSL	251.3°, 79.2, 60.4	`hsl(251.3,79.2%,60.4%)`
HSV (or HSB)	251.3°, 68.4, 91.8
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.916, 53.346, -76.627
XYZ	23.006, 13.78, 79.285
xyY	0.198, 0.119, 13.78
CIE-LCH	43.916, 93.368, 304.844
CIE-LUV	43.916, -0.584, -115.943
Hunter-Lab	37.122, 45.661, -100.646
Binary	01101000, 01001010, 11101010

#684aea
```
#684aea rgb(104,74,234)
```
#ccea4a
```
#ccea4a rgb(204,234,74)
```

Complementary Color

#4a7cea
```
#4a7cea rgb(74,124,234)
```
#684aea
```
#684aea rgb(104,74,234)
```
#b84aea
```
#b84aea rgb(184,74,234)
```

Analogous Color

#7cea4a
```
#7cea4a rgb(124,234,74)
```
#684aea
```
#684aea rgb(104,74,234)
```
#eab84a
```
#eab84a rgb(234,184,74)
```

Split Complementary Color

#4aea68
```
#4aea68 rgb(74,234,104)
```
#684aea
```
#684aea rgb(104,74,234)
```
#ea684a
```
#ea684a rgb(234,104,74)
```

Triadic Color

#4accea
```
#4accea rgb(74,204,234)
```
#684aea
```
#684aea rgb(104,74,234)
```
#ea684a
```
#ea684a rgb(234,104,74)
```
#ccea4a
```
#ccea4a rgb(204,234,74)
```

Tetradic Color

#3a18cf
```
#3a18cf rgb(58,24,207)
```
#421ce5
```
#421ce5 rgb(66,28,229)
```
#5533e7
```
#5533e7 rgb(85,51,231)
```
#684aea
```
#684aea rgb(104,74,234)
```
#7b61ed
```
#7b61ed rgb(123,97,237)
```
#8e78ef
```
#8e78ef rgb(142,120,239)
```
#a18ff2
```
#a18ff2 rgb(161,143,242)
```

Monochromatic Color

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

#4a54ea
```
#4a54ea rgb(74,84,234)
```
#4d4aea
```
#4d4aea rgb(77,74,234)
```
#5b4aea
```
#5b4aea rgb(91,74,234)
```
#684aea
```
#684aea rgb(104,74,234)
```
#754aea
```
#754aea rgb(117,74,234)
```
#834aea
```
#834aea rgb(131,74,234)
```
#904aea
```
#904aea rgb(144,74,234)
```

Similar Colors

Text with hexadecimal color #684aea

This text has a font color of #684aea.

<span style="color:#684aea;">Text here</span>

#684aea background color

This paragraph has a background color of #684aea.

<p style="background-color:#684aea;">Content here</p>

#684aea border color

This element has a border color of #684aea.

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

CSS codes

.text {color:#684aea;}

.background {background-color:#684aea;}

.border {border:1px solid #684aea;}

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, #03010c is the darkest color, while #fbfafe is the lightest one.

#03010c
```
#03010c rgb(3,1,12)
```
#08031e
```
#08031e rgb(8,3,30)
```
#0d062f
```
#0d062f rgb(13,6,47)
```
#120841
```
#120841 rgb(18,8,65)
```
#170a53
```
#170a53 rgb(23,10,83)
```
#1c0c64
```
#1c0c64 rgb(28,12,100)
```
#210e76
```
#210e76 rgb(33,14,118)
```
#261087
```
#261087 rgb(38,16,135)
```
#2b1299
```
#2b1299 rgb(43,18,153)
```
#3014ab
```
#3014ab rgb(48,20,171)
```
#3516bc
```
#3516bc rgb(53,22,188)
```
#3a18ce
```
#3a18ce rgb(58,24,206)
```
#3f1adf
```
#3f1adf rgb(63,26,223)
```

Shade Color Variation

#4b27e6
```
#4b27e6 rgb(75,39,230)
```
#5938e8
```
#5938e8 rgb(89,56,232)
```
#684aea
```
#684aea rgb(104,74,234)
```
#775cec
```
#775cec rgb(119,92,236)
```
#856dee
```
#856dee rgb(133,109,238)
```
#947ff0
```
#947ff0 rgb(148,127,240)
```
#a390f2
```
#a390f2 rgb(163,144,242)
```
#b1a2f4
```
#b1a2f4 rgb(177,162,244)
```
#c0b3f6
```
#c0b3f6 rgb(192,179,246)
```
#cfc5f8
```
#cfc5f8 rgb(207,197,248)
```
#ddd7fa
```
#ddd7fa rgb(221,215,250)
```
#ece8fc
```
#ece8fc rgb(236,232,252)
```
#fbfafe
```
#fbfafe rgb(251,250,254)
```

Tint Color Variation

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

#99989c
```
#99989c rgb(153,152,156)
```
#9490a4
```
#9490a4 rgb(148,144,164)
```
#8f88ac
```
#8f88ac rgb(143,136,172)
```
#8a80b4
```
#8a80b4 rgb(138,128,180)
```
#8579bb
```
#8579bb rgb(133,121,187)
```
#8071c3
```
#8071c3 rgb(128,113,195)
```
#7b69cb
```
#7b69cb rgb(123,105,203)
```
#7761d3
```
#7761d3 rgb(119,97,211)
```
#725ada
```
#725ada rgb(114,90,218)
```
#6d52e2
```
#6d52e2 rgb(109,82,226)
```
#684aea
```
#684aea rgb(104,74,234)
```
#6342f2
```
#6342f2 rgb(99,66,242)
```
#5e3afa
```
#5e3afa rgb(94,58,250)
```

Tone Color Variation

Below, you can see how #684aea 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
#666080 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006cd3 Protanopia 1% of men
#0072b8 Deuteranopia 1% of men
#397881 Tritanopia 0.001% of the population

Trichromacy

#255fdb Protanomaly 1% of men, 0.01% of women
#2563ca Deuteranomaly 6% of men, 0.4% of women
#4a67a7 Tritanomaly 0.01% of the population

#684aea hex color

#684aea Color Information

#684aea Color Conversion

Color Schemes with #684aea

Alternatives to #684aea

#684aea Preview

Shades and Tints of #684aea

Tones of #684aea

Color Blindness Simulator