#684faa hex color

In a RGB color space, hex #684faa is composed of 40.8% red, 31% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 38.8% cyan, 53.5% magenta, 0% yellow and 33.3% black. It has a hue angle of 256.5 degrees, a saturation of 36.5% and a lightness of 48.8%. #684faa color hex could be obtained by blending #d09eff with #000055. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 41
- G 31
- B 67
RGB color chart
- C 39
- M 54
- Y 0
- K 33
CMYK color chart

● #684faa color description : Dark moderate violet.

The hexadecimal color #684faa has RGB values of R:104, G:79, B:170 and CMYK values of C:0.39, M:0.54, Y:0, K:0.33. Its decimal value is 6836138.

Hex triplet	684faa	`#684faa`
RGB Decimal	104, 79, 170	`rgb(104,79,170)`
RGB Percent	40.8, 31, 66.7	`rgb(40.8%,31%,66.7%)`
CMYK	39, 54, 0, 33
HSL	256.5°, 36.5, 48.8	`hsl(256.5,36.5%,48.8%)`
HSV (or HSB)	256.5°, 53.5, 66.7
Web Safe	666699	`#666699`

CIE-LAB	40.307, 31.982, -45.445
XYZ	15.759, 11.437, 39.405
xyY	0.237, 0.172, 11.437
CIE-LCH	40.307, 55.571, 305.136
CIE-LUV	40.307, 4.443, -68.871
Hunter-Lab	33.819, 23.996, -45.411
Binary	01101000, 01001111, 10101010

#684faa
```
#684faa rgb(104,79,170)
```
#91aa4f
```
#91aa4f rgb(145,170,79)
```

Complementary Color

#4f64aa
```
#4f64aa rgb(79,100,170)
```
#684faa
```
#684faa rgb(104,79,170)
```
#964faa
```
#964faa rgb(150,79,170)
```

Analogous Color

#64aa4f
```
#64aa4f rgb(100,170,79)
```
#684faa
```
#684faa rgb(104,79,170)
```
#aa964f
```
#aa964f rgb(170,150,79)
```

Split Complementary Color

#4faa68
```
#4faa68 rgb(79,170,104)
```
#684faa
```
#684faa rgb(104,79,170)
```
#aa684f
```
#aa684f rgb(170,104,79)
```

Triadic Color

#4f91aa
```
#4f91aa rgb(79,145,170)
```
#684faa
```
#684faa rgb(104,79,170)
```
#aa684f
```
#aa684f rgb(170,104,79)
```
#91aa4f
```
#91aa4f rgb(145,170,79)
```

Tetradic Color

#483776
```
#483776 rgb(72,55,118)
```
#533f87
```
#533f87 rgb(83,63,135)
```
#5d4799
```
#5d4799 rgb(93,71,153)
```
#684faa
```
#684faa rgb(104,79,170)
```
#765eb4
```
#765eb4 rgb(118,94,180)
```
#8570bc
```
#8570bc rgb(133,112,188)
```
#9481c4
```
#9481c4 rgb(148,129,196)
```

Monochromatic Color

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

#514faa
```
#514faa rgb(81,79,170)
```
#594faa
```
#594faa rgb(89,79,170)
```
#604faa
```
#604faa rgb(96,79,170)
```
#684faa
```
#684faa rgb(104,79,170)
```
#704faa
```
#704faa rgb(112,79,170)
```
#774faa
```
#774faa rgb(119,79,170)
```
#7f4faa
```
#7f4faa rgb(127,79,170)
```

Similar Colors

Text with hexadecimal color #684faa

This text has a font color of #684faa.

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

#684faa background color

This paragraph has a background color of #684faa.

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

#684faa border color

This element has a border color of #684faa.

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

CSS codes

.text {color:#684faa;}

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

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

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

#060409
```
#060409 rgb(6,4,9)
```
#0e0b17
```
#0e0b17 rgb(14,11,23)
```
#161124
```
#161124 rgb(22,17,36)
```
#1e1731
```
#1e1731 rgb(30,23,49)
```
#261d3f
```
#261d3f rgb(38,29,63)
```
#2f234c
```
#2f234c rgb(47,35,76)
```
#372a5a
```
#372a5a rgb(55,42,90)
```
#3f3067
```
#3f3067 rgb(63,48,103)
```
#473674
```
#473674 rgb(71,54,116)
```
#4f3c82
```
#4f3c82 rgb(79,60,130)
```
#58438f
```
#58438f rgb(88,67,143)
```
#60499d
```
#60499d rgb(96,73,157)
```
#684faa
```
#684faa rgb(104,79,170)
```

Shade Color Variation

#725ab2
```
#725ab2 rgb(114,90,178)
```
#7e68b9
```
#7e68b9 rgb(126,104,185)
```
#8975bf
```
#8975bf rgb(137,117,191)
```
#9582c5
```
#9582c5 rgb(149,130,197)
```
#a090cb
```
#a090cb rgb(160,144,203)
```
#ac9dd2
```
#ac9dd2 rgb(172,157,210)
```
#b7abd8
```
#b7abd8 rgb(183,171,216)
```
#c2b8de
```
#c2b8de rgb(194,184,222)
```
#cec5e4
```
#cec5e4 rgb(206,197,228)
```
#d9d3ea
```
#d9d3ea rgb(217,211,234)
```
#e5e0f1
```
#e5e0f1 rgb(229,224,241)
```
#f0eef7
```
#f0eef7 rgb(240,238,247)
```
#fcfbfd
```
#fcfbfd rgb(252,251,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #797584 is the less saturated color, while #4502f7 is the most saturated one.

#797584
```
#797584 rgb(121,117,132)
```
#756c8d
```
#756c8d rgb(117,108,141)
```
#716297
```
#716297 rgb(113,98,151)
```
#6c59a0
```
#6c59a0 rgb(108,89,160)
```
#684faa
```
#684faa rgb(104,79,170)
```
#6445b4
```
#6445b4 rgb(100,69,180)
```
#5f3cbd
```
#5f3cbd rgb(95,60,189)
```
#5b32c7
```
#5b32c7 rgb(91,50,199)
```
#5729d0
```
#5729d0 rgb(87,41,208)
```
#521fda
```
#521fda rgb(82,31,218)
```
#4e16e3
```
#4e16e3 rgb(78,22,227)
```
#4a0ced
```
#4a0ced rgb(74,12,237)
```
#4502f7
```
#4502f7 rgb(69,2,247)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#625d70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3264b9 Protanopia 1% of men
#3068a8 Deuteranopia 1% of men
#5e6870 Tritanopia 0.001% of the population

Trichromacy

#455cb3 Protanomaly 1% of men, 0.01% of women
#445fa8 Deuteranomaly 6% of men, 0.4% of women
#615f85 Tritanomaly 0.01% of the population

#684faa hex color

#684faa Color Information

#684faa Color Conversion

Color Schemes with #684faa

Alternatives to #684faa

#684faa Preview

Shades and Tints of #684faa

Tones of #684faa

Color Blindness Simulator