colorhexa.com

#684f9b hex color

In a RGB color space, hex #684f9b is composed of 40.8% red, 31% green and 60.8% blue. Whereas in a CMYK color space, it is composed of 32.9% cyan, 49% magenta, 0% yellow and 39.2% black. It has a hue angle of 259.7 degrees, a saturation of 32.5% and a lightness of 45.9%. #684f9b color hex could be obtained by blending #d09eff with #000037. Closest websafe color is: #666699.

- R 41
- G 31
- B 61
RGB color chart
- C 33
- M 49
- Y 0
- K 39
CMYK color chart

● #684f9b color description : Dark moderate violet.

The hexadecimal color #684f9b has RGB values of R:104, G:79, B:155 and CMYK values of C:0.33, M:0.49, Y:0, K:0.39. Its decimal value is 6836123.

Hex triplet	684f9b	`#684f9b`
RGB Decimal	104, 79, 155	`rgb(104,79,155)`
RGB Percent	40.8, 31, 60.8	`rgb(40.8%,31%,60.8%)`
CMYK	33, 49, 0, 39
HSL	259.7°, 32.5, 45.9	`hsl(259.7,32.5%,45.9%)`
HSV (or HSB)	259.7°, 49, 60.8
Web Safe	666699	`#666699`

CIE-LAB	39.414, 27.821, -37.917
XYZ	14.42, 10.902, 32.353
xyY	0.25, 0.189, 10.902
CIE-LCH	39.414, 47.029, 306.268
CIE-LUV	39.414, 6.101, -57.162
Hunter-Lab	33.018, 20.179, -34.985
Binary	01101000, 01001111, 10011011

#684f9b
```
#684f9b rgb(104,79,155)
```
#829b4f
```
#829b4f rgb(130,155,79)
```

Complementary Color

#4f5c9b
```
#4f5c9b rgb(79,92,155)
```
#684f9b
```
#684f9b rgb(104,79,155)
```
#8e4f9b
```
#8e4f9b rgb(142,79,155)
```

Analogous Color

#5c9b4f
```
#5c9b4f rgb(92,155,79)
```
#684f9b
```
#684f9b rgb(104,79,155)
```
#9b8e4f
```
#9b8e4f rgb(155,142,79)
```

Split Complementary Color

#4f9b68
```
#4f9b68 rgb(79,155,104)
```
#684f9b
```
#684f9b rgb(104,79,155)
```
#9b684f
```
#9b684f rgb(155,104,79)
```

Triadic Color

#4f829b
```
#4f829b rgb(79,130,155)
```
#684f9b
```
#684f9b rgb(104,79,155)
```
#9b684f
```
#9b684f rgb(155,104,79)
```
#829b4f
```
#829b4f rgb(130,155,79)
```

Tetradic Color

#463568
```
#463568 rgb(70,53,104)
```
#513e79
```
#513e79 rgb(81,62,121)
```
#5d468a
```
#5d468a rgb(93,70,138)
```
#684f9b
```
#684f9b rgb(104,79,155)
```
#7459aa
```
#7459aa rgb(116,89,170)
```
#826ab3
```
#826ab3 rgb(130,106,179)
```
#907bbc
```
#907bbc rgb(144,123,188)
```

Monochromatic Color

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

#554f9b
```
#554f9b rgb(85,79,155)
```
#5b4f9b
```
#5b4f9b rgb(91,79,155)
```
#624f9b
```
#624f9b rgb(98,79,155)
```
#684f9b
```
#684f9b rgb(104,79,155)
```
#6e4f9b
```
#6e4f9b rgb(110,79,155)
```
#754f9b
```
#754f9b rgb(117,79,155)
```
#7b4f9b
```
#7b4f9b rgb(123,79,155)
```

Similar Colors

Text with hexadecimal color #684f9b

This text has a font color of #684f9b.

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

#684f9b background color

This paragraph has a background color of #684f9b.

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

#684f9b border color

This element has a border color of #684f9b.

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

CSS codes

.text {color:#684f9b;}

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

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

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

#08060c
```
#08060c rgb(8,6,12)
```
#110d19
```
#110d19 rgb(17,13,25)
```
#1a1326
```
#1a1326 rgb(26,19,38)
```
#221a33
```
#221a33 rgb(34,26,51)
```
#2b2140
```
#2b2140 rgb(43,33,64)
```
#34274d
```
#34274d rgb(52,39,77)
```
#3c2e5a
```
#3c2e5a rgb(60,46,90)
```
#453567
```
#453567 rgb(69,53,103)
```
#4e3b74
```
#4e3b74 rgb(78,59,116)
```
#574281
```
#574281 rgb(87,66,129)
```
#5f488e
```
#5f488e rgb(95,72,142)
```
#684f9b
```
#684f9b rgb(104,79,155)
```
#7156a8
```
#7156a8 rgb(113,86,168)
```

Shade Color Variation

#7b62af
```
#7b62af rgb(123,98,175)
```
#866fb6
```
#866fb6 rgb(134,111,182)
```
#917cbc
```
#917cbc rgb(145,124,188)
```
#9c89c3
```
#9c89c3 rgb(156,137,195)
```
#a796ca
```
#a796ca rgb(167,150,202)
```
#b2a3d0
```
#b2a3d0 rgb(178,163,208)
```
#bdb0d7
```
#bdb0d7 rgb(189,176,215)
```
#c8bddd
```
#c8bddd rgb(200,189,221)
```
#d3cae4
```
#d3cae4 rgb(211,202,228)
```
#ded7eb
```
#ded7eb rgb(222,215,235)
```
#e8e4f1
```
#e8e4f1 rgb(232,228,241)
```
#f3f1f8
```
#f3f1f8 rgb(243,241,248)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#747377
```
#747377 rgb(116,115,119)
```
#716a80
```
#716a80 rgb(113,106,128)
```
#6e6189
```
#6e6189 rgb(110,97,137)
```
#6b5892
```
#6b5892 rgb(107,88,146)
```
#684f9b
```
#684f9b rgb(104,79,155)
```
#6546a4
```
#6546a4 rgb(101,70,164)
```
#623dad
```
#623dad rgb(98,61,173)
```
#5f34b6
```
#5f34b6 rgb(95,52,182)
```
#5c2bbf
```
#5c2bbf rgb(92,43,191)
```
#5922c8
```
#5922c8 rgb(89,34,200)
```
#5619d1
```
#5619d1 rgb(86,25,209)
```
#5210da
```
#5210da rgb(82,16,218)
```
#4f07e3
```
#4f07e3 rgb(79,7,227)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#615c6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4163a9 Protanopia 1% of men
#42659b Deuteranopia 1% of men
#63656c Tritanopia 0.001% of the population

Trichromacy

#4f5ba3 Protanomaly 1% of men, 0.01% of women
#505d9b Deuteranomaly 6% of men, 0.4% of women
#645d7d Tritanomaly 0.01% of the population