#684caf hex color

In a RGB color space, hex #684caf is composed of 40.8% red, 29.8% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 40.6% cyan, 56.6% magenta, 0% yellow and 31.4% black. It has a hue angle of 257 degrees, a saturation of 39.4% and a lightness of 49.2%. #684caf color hex could be obtained by blending #d098ff with #00005f. Closest websafe color is: #663399.

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

● #684caf color description : Dark moderate violet.

The hexadecimal color #684caf has RGB values of R:104, G:76, B:175 and CMYK values of C:0.41, M:0.57, Y:0, K:0.31. Its decimal value is 6835375.

Hex triplet	684caf	`#684caf`
RGB Decimal	104, 76, 175	`rgb(104,76,175)`
RGB Percent	40.8, 29.8, 68.6	`rgb(40.8%,29.8%,68.6%)`
CMYK	41, 57, 0, 31
HSL	257°, 39.4, 49.2	`hsl(257,39.4%,49.2%)`
HSV (or HSB)	257°, 56.6, 68.6
Web Safe	663399	`#663399`

CIE-LAB	39.927, 35.185, -49.017
XYZ	16.03, 11.207, 41.874
xyY	0.232, 0.162, 11.207
CIE-LCH	39.927, 60.337, 305.671
CIE-LUV	39.927, 4.755, -74.077
Hunter-Lab	33.477, 26.888, -50.728
Binary	01101000, 01001100, 10101111

#684caf
```
#684caf rgb(104,76,175)
```
#93af4c
```
#93af4c rgb(147,175,76)
```

Complementary Color

#4c62af
```
#4c62af rgb(76,98,175)
```
#684caf
```
#684caf rgb(104,76,175)
```
#9a4caf
```
#9a4caf rgb(154,76,175)
```

Analogous Color

#62af4c
```
#62af4c rgb(98,175,76)
```
#684caf
```
#684caf rgb(104,76,175)
```
#af9a4c
```
#af9a4c rgb(175,154,76)
```

Split Complementary Color

#4caf68
```
#4caf68 rgb(76,175,104)
```
#684caf
```
#684caf rgb(104,76,175)
```
#af684c
```
#af684c rgb(175,104,76)
```

Triadic Color

#4c93af
```
#4c93af rgb(76,147,175)
```
#684caf
```
#684caf rgb(104,76,175)
```
#af684c
```
#af684c rgb(175,104,76)
```
#93af4c
```
#93af4c rgb(147,175,76)
```

Tetradic Color

#48357a
```
#48357a rgb(72,53,122)
```
#533d8b
```
#533d8b rgb(83,61,139)
```
#5d449d
```
#5d449d rgb(93,68,157)
```
#684caf
```
#684caf rgb(104,76,175)
```
#765cb8
```
#765cb8 rgb(118,92,184)
```
#856ec0
```
#856ec0 rgb(133,110,192)
```
#9480c8
```
#9480c8 rgb(148,128,200)
```

Monochromatic Color

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

#4f4caf
```
#4f4caf rgb(79,76,175)
```
#584caf
```
#584caf rgb(88,76,175)
```
#604caf
```
#604caf rgb(96,76,175)
```
#684caf
```
#684caf rgb(104,76,175)
```
#704caf
```
#704caf rgb(112,76,175)
```
#794caf
```
#794caf rgb(121,76,175)
```
#814caf
```
#814caf rgb(129,76,175)
```

Similar Colors

Text with hexadecimal color #684caf

This text has a font color of #684caf.

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

#684caf background color

This paragraph has a background color of #684caf.

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

#684caf border color

This element has a border color of #684caf.

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

CSS codes

.text {color:#684caf;}

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

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

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, #06050b is the darkest color, while #fdfcfe is the lightest one.

#06050b
```
#06050b rgb(6,5,11)
```
#0f0b19
```
#0f0b19 rgb(15,11,25)
```
#171126
```
#171126 rgb(23,17,38)
```
#1f1734
```
#1f1734 rgb(31,23,52)
```
#271c42
```
#271c42 rgb(39,28,66)
```
#2f224f
```
#2f224f rgb(47,34,79)
```
#37285d
```
#37285d rgb(55,40,93)
```
#3f2e6b
```
#3f2e6b rgb(63,46,107)
```
#473478
```
#473478 rgb(71,52,120)
```
#503a86
```
#503a86 rgb(80,58,134)
```
#584094
```
#584094 rgb(88,64,148)
```
#6046a1
```
#6046a1 rgb(96,70,161)
```
#684caf
```
#684caf rgb(104,76,175)
```

Shade Color Variation

#7358b7
```
#7358b7 rgb(115,88,183)
```
#7e66bc
```
#7e66bc rgb(126,102,188)
```
#8a73c2
```
#8a73c2 rgb(138,115,194)
```
#9581c8
```
#9581c8 rgb(149,129,200)
```
#a18fce
```
#a18fce rgb(161,143,206)
```
#ac9cd4
```
#ac9cd4 rgb(172,156,212)
```
#b8aada
```
#b8aada rgb(184,170,218)
```
#c3b8e0
```
#c3b8e0 rgb(195,184,224)
```
#cfc6e6
```
#cfc6e6 rgb(207,198,230)
```
#dad3ec
```
#dad3ec rgb(218,211,236)
```
#e6e1f2
```
#e6e1f2 rgb(230,225,242)
```
#f1eff8
```
#f1eff8 rgb(241,239,248)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#7d7c7f
```
#7d7c7f rgb(125,124,127)
```
#797388
```
#797388 rgb(121,115,136)
```
#756992
```
#756992 rgb(117,105,146)
```
#705f9c
```
#705f9c rgb(112,95,156)
```
#6c56a5
```
#6c56a5 rgb(108,86,165)
```
#684caf
```
#684caf rgb(104,76,175)
```
#6442b9
```
#6442b9 rgb(100,66,185)
```
#6039c2
```
#6039c2 rgb(96,57,194)
```
#5b2fcc
```
#5b2fcc rgb(91,47,204)
```
#5725d6
```
#5725d6 rgb(87,37,214)
```
#531cdf
```
#531cdf rgb(83,28,223)
```
#4f12e9
```
#4f12e9 rgb(79,18,233)
```
#4b08f3
```
#4b08f3 rgb(75,8,243)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#625c70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1d63bf Protanopia 1% of men
#1b67ac Deuteranopia 1% of men
#5c686f Tritanopia 0.001% of the population

Trichromacy

#385ab9 Protanomaly 1% of men, 0.01% of women
#375dad Deuteranomaly 6% of men, 0.4% of women
#605d86 Tritanomaly 0.01% of the population

#684caf hex color

#684caf Color Information

#684caf Color Conversion

Color Schemes with #684caf

Alternatives to #684caf

#684caf Preview

Shades and Tints of #684caf

Tones of #684caf

Color Blindness Simulator