#684f7a hex color

In a RGB color space, hex #684f7a is composed of 40.8% red, 31% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 14.8% cyan, 35.2% magenta, 0% yellow and 52.2% black. It has a hue angle of 274.9 degrees, a saturation of 21.4% and a lightness of 39.4%. #684f7a color hex could be obtained by blending #d09ef4 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 41
- G 31
- B 48
RGB color chart
- C 15
- M 35
- Y 0
- K 52
CMYK color chart

● #684f7a color description : Mostly desaturated dark violet.

The hexadecimal color #684f7a has RGB values of R:104, G:79, B:122 and CMYK values of C:0.15, M:0.35, Y:0, K:0.52. Its decimal value is 6836090.

Hex triplet	684f7a	`#684f7a`
RGB Decimal	104, 79, 122	`rgb(104,79,122)`
RGB Percent	40.8, 31, 47.8	`rgb(40.8%,31%,47.8%)`
CMYK	15, 35, 0, 52
HSL	274.9°, 21.4, 39.4	`hsl(274.9,21.4%,39.4%)`
HSV (or HSB)	274.9°, 35.2, 47.8
Web Safe	666666	`#666666`

CIE-LAB	37.735, 19.336, -20.465
XYZ	12.017, 9.94, 19.697
xyY	0.288, 0.239, 9.94
CIE-LCH	37.735, 28.155, 313.374
CIE-LUV	37.735, 10.029, -30.454
Hunter-Lab	31.528, 12.862, -14.971
Binary	01101000, 01001111, 01111010

#684f7a
```
#684f7a rgb(104,79,122)
```
#617a4f
```
#617a4f rgb(97,122,79)
```

Complementary Color

#534f7a
```
#534f7a rgb(83,79,122)
```
#684f7a
```
#684f7a rgb(104,79,122)
```
#7a4f77
```
#7a4f77 rgb(122,79,119)
```

Analogous Color

#4f7a53
```
#4f7a53 rgb(79,122,83)
```
#684f7a
```
#684f7a rgb(104,79,122)
```
#777a4f
```
#777a4f rgb(119,122,79)
```

Split Complementary Color

#4f7a68
```
#4f7a68 rgb(79,122,104)
```
#684f7a
```
#684f7a rgb(104,79,122)
```
#7a684f
```
#7a684f rgb(122,104,79)
```

Triadic Color

#4f617a
```
#4f617a rgb(79,97,122)
```
#684f7a
```
#684f7a rgb(104,79,122)
```
#7a684f
```
#7a684f rgb(122,104,79)
```
#617a4f
```
#617a4f rgb(97,122,79)
```

Tetradic Color

#40314c
```
#40314c rgb(64,49,76)
```
#4e3b5b
```
#4e3b5b rgb(78,59,91)
```
#5b456b
```
#5b456b rgb(91,69,107)
```
#684f7a
```
#684f7a rgb(104,79,122)
```
#755989
```
#755989 rgb(117,89,137)
```
#826399
```
#826399 rgb(130,99,153)
```
#8f72a4
```
#8f72a4 rgb(143,114,164)
```

Monochromatic Color

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

#5d4f7a
```
#5d4f7a rgb(93,79,122)
```
#614f7a
```
#614f7a rgb(97,79,122)
```
#644f7a
```
#644f7a rgb(100,79,122)
```
#684f7a
```
#684f7a rgb(104,79,122)
```
#6c4f7a
```
#6c4f7a rgb(108,79,122)
```
#6f4f7a
```
#6f4f7a rgb(111,79,122)
```
#734f7a
```
#734f7a rgb(115,79,122)
```

Similar Colors

Text with hexadecimal color #684f7a

This text has a font color of #684f7a.

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

#684f7a background color

This paragraph has a background color of #684f7a.

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

#684f7a border color

This element has a border color of #684f7a.

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

CSS codes

.text {color:#684f7a;}

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

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

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

#030203
```
#030203 rgb(3,2,3)
```
#0d0a0f
```
#0d0a0f rgb(13,10,15)
```
#17111b
```
#17111b rgb(23,17,27)
```
#211927
```
#211927 rgb(33,25,39)
```
#2b2133
```
#2b2133 rgb(43,33,51)
```
#35283e
```
#35283e rgb(53,40,62)
```
#3f304a
```
#3f304a rgb(63,48,74)
```
#4a3856
```
#4a3856 rgb(74,56,86)
```
#544062
```
#544062 rgb(84,64,98)
```
#5e476e
```
#5e476e rgb(94,71,110)
```
#684f7a
```
#684f7a rgb(104,79,122)
```
#725786
```
#725786 rgb(114,87,134)
```
#7c5e92
```
#7c5e92 rgb(124,94,146)
```

Shade Color Variation

#86679d
```
#86679d rgb(134,103,157)
```
#9073a4
```
#9073a4 rgb(144,115,164)
```
#997fac
```
#997fac rgb(153,127,172)
```
#a38bb4
```
#a38bb4 rgb(163,139,180)
```
#ac97bc
```
#ac97bc rgb(172,151,188)
```
#b6a3c3
```
#b6a3c3 rgb(182,163,195)
```
#bfafcb
```
#bfafcb rgb(191,175,203)
```
#c9bbd3
```
#c9bbd3 rgb(201,187,211)
```
#d2c6da
```
#d2c6da rgb(210,198,218)
```
#dbd2e2
```
#dbd2e2 rgb(219,210,226)
```
#e5deea
```
#e5deea rgb(229,222,234)
```
#eeeaf1
```
#eeeaf1 rgb(238,234,241)
```
#f8f6f9
```
#f8f6f9 rgb(248,246,249)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #655e6b is the less saturated color, while #7502c7 is the most saturated one.

#655e6b
```
#655e6b rgb(101,94,107)
```
#675772
```
#675772 rgb(103,87,114)
```
#684f7a
```
#684f7a rgb(104,79,122)
```
#694782
```
#694782 rgb(105,71,130)
```
#6b4089
```
#6b4089 rgb(107,64,137)
```
#6c3891
```
#6c3891 rgb(108,56,145)
```
#6d3099
```
#6d3099 rgb(109,48,153)
```
#6e28a1
```
#6e28a1 rgb(110,40,161)
```
#7021a8
```
#7021a8 rgb(112,33,168)
```
#7119b0
```
#7119b0 rgb(113,25,176)
```
#7211b8
```
#7211b8 rgb(114,17,184)
```
#7309c0
```
#7309c0 rgb(115,9,192)
```
#7502c7
```
#7502c7 rgb(117,2,199)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5e5961 Atypical Achromatopsia 0.001% of the population

Dichromacy

#546086 Protanopia 1% of men
#59607e Deuteranopia 1% of men
#6a5e64 Tritanopia 0.001% of the population

Trichromacy

#5b5981 Protanomaly 1% of men, 0.01% of women
#5e597c Deuteranomaly 6% of men, 0.4% of women
#69586c Tritanomaly 0.01% of the population

#684f7a hex color

#684f7a Color Information

#684f7a Color Conversion

Color Schemes with #684f7a

Alternatives to #684f7a

#684f7a Preview

Shades and Tints of #684f7a

Tones of #684f7a

Color Blindness Simulator