#684aaf hex color

In a RGB color space, hex #684aaf is composed of 40.8% red, 29% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 57.7% magenta, 0% yellow and 31.4% black. It has a hue angle of 257.8 degrees, a saturation of 40.6% and a lightness of 48.8%. #684aaf color hex could be obtained by blending #d094ff with #00005f. Closest websafe color is: #663399.

♥
- f
- t
- g
- R 41
- G 29
- B 69
RGB color chart
- C 41
- M 58
- Y 0
- K 31
CMYK color chart

● #684aaf color description : Dark moderate violet.

The hexadecimal color #684aaf has RGB values of R:104, G:74, B:175 and CMYK values of C:0.41, M:0.58, Y:0, K:0.31. Its decimal value is 6834863.

Hex triplet	684aaf	`#684aaf`
RGB Decimal	104, 74, 175	`rgb(104,74,175)`
RGB Percent	40.8, 29, 68.6	`rgb(40.8%,29%,68.6%)`
CMYK	41, 58, 0, 31
HSL	257.8°, 40.6, 48.8	`hsl(257.8,40.6%,48.8%)`
HSV (or HSB)	257.8°, 57.7, 68.6
Web Safe	663399	`#663399`

CIE-LAB	39.472, 36.365, -49.749
XYZ	15.894, 10.936, 41.828
xyY	0.231, 0.159, 10.936
CIE-LCH	39.472, 61.622, 306.166
CIE-LUV	39.472, 5.299, -74.96
Hunter-Lab	33.069, 27.923, -51.847
Binary	01101000, 01001010, 10101111

#684aaf
```
#684aaf rgb(104,74,175)
```
#91af4a
```
#91af4a rgb(145,175,74)
```

Complementary Color

#4a5faf
```
#4a5faf rgb(74,95,175)
```
#684aaf
```
#684aaf rgb(104,74,175)
```
#9b4aaf
```
#9b4aaf rgb(155,74,175)
```

Analogous Color

#5faf4a
```
#5faf4a rgb(95,175,74)
```
#684aaf
```
#684aaf rgb(104,74,175)
```
#af9b4a
```
#af9b4a rgb(175,155,74)
```

Split Complementary Color

#4aaf68
```
#4aaf68 rgb(74,175,104)
```
#684aaf
```
#684aaf rgb(104,74,175)
```
#af684a
```
#af684a rgb(175,104,74)
```

Triadic Color

#4a91af
```
#4a91af rgb(74,145,175)
```
#684aaf
```
#684aaf rgb(104,74,175)
```
#af684a
```
#af684a rgb(175,104,74)
```
#91af4a
```
#91af4a rgb(145,175,74)
```

Tetradic Color

#483379
```
#483379 rgb(72,51,121)
```
#533b8b
```
#533b8b rgb(83,59,139)
```
#5d429d
```
#5d429d rgb(93,66,157)
```
#684aaf
```
#684aaf rgb(104,74,175)
```
#7659b9
```
#7659b9 rgb(118,89,185)
```
#856bc1
```
#856bc1 rgb(133,107,193)
```
#947dc8
```
#947dc8 rgb(148,125,200)
```

Monochromatic Color

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

#4f4aaf
```
#4f4aaf rgb(79,74,175)
```
#574aaf
```
#574aaf rgb(87,74,175)
```
#604aaf
```
#604aaf rgb(96,74,175)
```
#684aaf
```
#684aaf rgb(104,74,175)
```
#704aaf
```
#704aaf rgb(112,74,175)
```
#794aaf
```
#794aaf rgb(121,74,175)
```
#814aaf
```
#814aaf rgb(129,74,175)
```

Similar Colors

Text with hexadecimal color #684aaf

This text has a font color of #684aaf.

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

#684aaf background color

This paragraph has a background color of #684aaf.

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

#684aaf border color

This element has a border color of #684aaf.

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

CSS codes

.text {color:#684aaf;}

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

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

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

#06040a
```
#06040a rgb(6,4,10)
```
#0e0a17
```
#0e0a17 rgb(14,10,23)
```
#161025
```
#161025 rgb(22,16,37)
```
#1e1633
```
#1e1633 rgb(30,22,51)
```
#261b41
```
#261b41 rgb(38,27,65)
```
#2f214e
```
#2f214e rgb(47,33,78)
```
#37275c
```
#37275c rgb(55,39,92)
```
#3f2d6a
```
#3f2d6a rgb(63,45,106)
```
#473378
```
#473378 rgb(71,51,120)
```
#4f3986
```
#4f3986 rgb(79,57,134)
```
#583e93
```
#583e93 rgb(88,62,147)
```
#6044a1
```
#6044a1 rgb(96,68,161)
```
#684aaf
```
#684aaf rgb(104,74,175)
```

Shade Color Variation

#7255b7
```
#7255b7 rgb(114,85,183)
```
#7e63bd
```
#7e63bd rgb(126,99,189)
```
#8971c3
```
#8971c3 rgb(137,113,195)
```
#957fc9
```
#957fc9 rgb(149,127,201)
```
#a08ccf
```
#a08ccf rgb(160,140,207)
```
#ac9ad4
```
#ac9ad4 rgb(172,154,212)
```
#b7a8da
```
#b7a8da rgb(183,168,218)
```
#c2b6e0
```
#c2b6e0 rgb(194,182,224)
```
#cec4e6
```
#cec4e6 rgb(206,196,230)
```
#d9d1ec
```
#d9d1ec rgb(217,209,236)
```
#e5dff2
```
#e5dff2 rgb(229,223,242)
```
#f0edf7
```
#f0edf7 rgb(240,237,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

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

#7b7a7f
```
#7b7a7f rgb(123,122,127)
```
#787089
```
#787089 rgb(120,112,137)
```
#746792
```
#746792 rgb(116,103,146)
```
#705d9c
```
#705d9c rgb(112,93,156)
```
#6c54a5
```
#6c54a5 rgb(108,84,165)
```
#684aaf
```
#684aaf rgb(104,74,175)
```
#6440b9
```
#6440b9 rgb(100,64,185)
```
#6037c2
```
#6037c2 rgb(96,55,194)
```
#5c2dcc
```
#5c2dcc rgb(92,45,204)
```
#5824d5
```
#5824d5 rgb(88,36,213)
```
#551adf
```
#551adf rgb(85,26,223)
```
#5111e8
```
#5111e8 rgb(81,17,232)
```
#4d07f2
```
#4d07f2 rgb(77,7,242)
```

Tone Color Variation

Below, you can see how #684aaf 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

#5e5e5e Achromatopsia 0.005% of the population
#605a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#0c62c0 Protanopia 1% of men
#0e67ab Deuteranopia 1% of men
#5c676e Tritanopia 0.001% of the population

Trichromacy

#2d59ba Protanomaly 1% of men, 0.01% of women
#2f5cac Deuteranomaly 6% of men, 0.4% of women
#605c85 Tritanomaly 0.01% of the population

#684aaf hex color

#684aaf Color Information

#684aaf Color Conversion

Color Schemes with #684aaf

Alternatives to #684aaf

#684aaf Preview

Shades and Tints of #684aaf

Tones of #684aaf

Color Blindness Simulator