#684ae7 hex color

In a RGB color space, hex #684ae7 is composed of 40.8% red, 29% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 68% magenta, 0% yellow and 9.4% black. It has a hue angle of 251.5 degrees, a saturation of 76.6% and a lightness of 59.8%. #684ae7 color hex could be obtained by blending #d094ff with #0000cf. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 29
- B 91
RGB color chart
- C 55
- M 68
- Y 0
- K 9
CMYK color chart

● #684ae7 color description : Soft blue.

The hexadecimal color #684ae7 has RGB values of R:104, G:74, B:231 and CMYK values of C:0.55, M:0.68, Y:0, K:0.09. Its decimal value is 6834919.

Hex triplet	684ae7	`#684ae7`
RGB Decimal	104, 74, 231	`rgb(104,74,231)`
RGB Percent	40.8, 29, 90.6	`rgb(40.8%,29%,90.6%)`
CMYK	55, 68, 0, 9
HSL	251.5°, 76.6, 59.8	`hsl(251.5,76.6%,59.8%)`
HSV (or HSB)	251.5°, 68, 90.6
Web Safe	6633ff	`#6633ff`

CIE-LAB	43.668, 52.476, -75.337
XYZ	22.579, 13.609, 77.034
xyY	0.199, 0.12, 13.609
CIE-LCH	43.668, 91.812, 304.859
CIE-LUV	43.668, -0.323, -113.989
Hunter-Lab	36.891, 44.69, -97.983
Binary	01101000, 01001010, 11100111

#684ae7
```
#684ae7 rgb(104,74,231)
```
#c9e74a
```
#c9e74a rgb(201,231,74)
```

Complementary Color

#4a7be7
```
#4a7be7 rgb(74,123,231)
```
#684ae7
```
#684ae7 rgb(104,74,231)
```
#b74ae7
```
#b74ae7 rgb(183,74,231)
```

Analogous Color

#7be74a
```
#7be74a rgb(123,231,74)
```
#684ae7
```
#684ae7 rgb(104,74,231)
```
#e7b74a
```
#e7b74a rgb(231,183,74)
```

Split Complementary Color

#4ae768
```
#4ae768 rgb(74,231,104)
```
#684ae7
```
#684ae7 rgb(104,74,231)
```
#e7684a
```
#e7684a rgb(231,104,74)
```

Triadic Color

#4ac9e7
```
#4ac9e7 rgb(74,201,231)
```
#684ae7
```
#684ae7 rgb(104,74,231)
```
#e7684a
```
#e7684a rgb(231,104,74)
```
#c9e74a
```
#c9e74a rgb(201,231,74)
```

Tetradic Color

#3c1bca
```
#3c1bca rgb(60,27,202)
```
#431ee0
```
#431ee0 rgb(67,30,224)
```
#5533e4
```
#5533e4 rgb(85,51,228)
```
#684ae7
```
#684ae7 rgb(104,74,231)
```
#7b61ea
```
#7b61ea rgb(123,97,234)
```
#8e77ed
```
#8e77ed rgb(142,119,237)
```
#a08ef0
```
#a08ef0 rgb(160,142,240)
```

Monochromatic Color

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

#4a53e7
```
#4a53e7 rgb(74,83,231)
```
#4e4ae7
```
#4e4ae7 rgb(78,74,231)
```
#5b4ae7
```
#5b4ae7 rgb(91,74,231)
```
#684ae7
```
#684ae7 rgb(104,74,231)
```
#754ae7
```
#754ae7 rgb(117,74,231)
```
#824ae7
```
#824ae7 rgb(130,74,231)
```
#8f4ae7
```
#8f4ae7 rgb(143,74,231)
```

Similar Colors

Text with hexadecimal color #684ae7

This text has a font color of #684ae7.

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

#684ae7 background color

This paragraph has a background color of #684ae7.

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

#684ae7 border color

This element has a border color of #684ae7.

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

CSS codes

.text {color:#684ae7;}

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

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

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

#03010a
```
#03010a rgb(3,1,10)
```
#08041b
```
#08041b rgb(8,4,27)
```
#0d062c
```
#0d062c rgb(13,6,44)
```
#12083d
```
#12083d rgb(18,8,61)
```
#180a4f
```
#180a4f rgb(24,10,79)
```
#1d0d60
```
#1d0d60 rgb(29,13,96)
```
#220f71
```
#220f71 rgb(34,15,113)
```
#271183
```
#271183 rgb(39,17,131)
```
#2c1494
```
#2c1494 rgb(44,20,148)
```
#3116a5
```
#3116a5 rgb(49,22,165)
```
#3718b7
```
#3718b7 rgb(55,24,183)
```
#3c1bc8
```
#3c1bc8 rgb(60,27,200)
```
#411dd9
```
#411dd9 rgb(65,29,217)
```

Shade Color Variation

#4b27e2
```
#4b27e2 rgb(75,39,226)
```
#5a39e5
```
#5a39e5 rgb(90,57,229)
```
#684ae7
```
#684ae7 rgb(104,74,231)
```
#765be9
```
#765be9 rgb(118,91,233)
```
#856dec
```
#856dec rgb(133,109,236)
```
#937eee
```
#937eee rgb(147,126,238)
```
#a28ff0
```
#a28ff0 rgb(162,143,240)
```
#b0a1f2
```
#b0a1f2 rgb(176,161,242)
```
#bfb2f5
```
#bfb2f5 rgb(191,178,245)
```
#cdc3f7
```
#cdc3f7 rgb(205,195,247)
```
#dcd5f9
```
#dcd5f9 rgb(220,213,249)
```
#eae6fc
```
#eae6fc rgb(234,230,252)
```
#f8f7fe
```
#f8f7fe rgb(248,247,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9491a0 is the less saturated color, while #5932ff is the most saturated one.

#9491a0
```
#9491a0 rgb(148,145,160)
```
#8f89a8
```
#8f89a8 rgb(143,137,168)
```
#8a81b0
```
#8a81b0 rgb(138,129,176)
```
#8579b8
```
#8579b8 rgb(133,121,184)
```
#8071c0
```
#8071c0 rgb(128,113,192)
```
#7b6ac7
```
#7b6ac7 rgb(123,106,199)
```
#7762cf
```
#7762cf rgb(119,98,207)
```
#725ad7
```
#725ad7 rgb(114,90,215)
```
#6d52df
```
#6d52df rgb(109,82,223)
```
#684ae7
```
#684ae7 rgb(104,74,231)
```
#6342ef
```
#6342ef rgb(99,66,239)
```
#5e3af7
```
#5e3af7 rgb(94,58,247)
```
#5932ff
```
#5932ff rgb(89,50,255)
```

Tone Color Variation

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

Dichromacy

#006bd2 Protanopia 1% of men
#0071b7 Deuteranopia 1% of men
#3c7780 Tritanopia 0.001% of the population

Trichromacy

#255fd9 Protanomaly 1% of men, 0.01% of women
#2563c9 Deuteranomaly 6% of men, 0.4% of women
#4c66a5 Tritanomaly 0.01% of the population

#684ae7 hex color

#684ae7 Color Information

#684ae7 Color Conversion

Color Schemes with #684ae7

Alternatives to #684ae7

#684ae7 Preview

Shades and Tints of #684ae7

Tones of #684ae7

Color Blindness Simulator