#684bcd hex color

In a RGB color space, hex #684bcd is composed of 40.8% red, 29.4% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 49.3% cyan, 63.4% magenta, 0% yellow and 19.6% black. It has a hue angle of 253.4 degrees, a saturation of 56.5% and a lightness of 54.9%. #684bcd color hex could be obtained by blending #d096ff with #00009b. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 29
- B 80
RGB color chart
- C 49
- M 63
- Y 0
- K 20
CMYK color chart

● #684bcd color description : Moderate blue.

The hexadecimal color #684bcd has RGB values of R:104, G:75, B:205 and CMYK values of C:0.49, M:0.63, Y:0, K:0.2. Its decimal value is 6835149.

Hex triplet	684bcd	`#684bcd`
RGB Decimal	104, 75, 205	`rgb(104,75,205)`
RGB Percent	40.8, 29.4, 80.4	`rgb(40.8%,29.4%,80.4%)`
CMYK	49, 63, 0, 20
HSL	253.4°, 56.5, 54.9	`hsl(253.4,56.5%,54.9%)`
HSV (or HSB)	253.4°, 63.4, 80.4
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.818, 44.377, -63.487
XYZ	19.242, 12.383, 59.13
xyY	0.212, 0.136, 12.383
CIE-LCH	41.818, 77.459, 304.953
CIE-LUV	41.818, 1.878, -96.16
Hunter-Lab	35.189, 36.029, -74.997
Binary	01101000, 01001011, 11001101

#684bcd
```
#684bcd rgb(104,75,205)
```
#b0cd4b
```
#b0cd4b rgb(176,205,75)
```

Complementary Color

#4b6fcd
```
#4b6fcd rgb(75,111,205)
```
#684bcd
```
#684bcd rgb(104,75,205)
```
#a94bcd
```
#a94bcd rgb(169,75,205)
```

Analogous Color

#6fcd4b
```
#6fcd4b rgb(111,205,75)
```
#684bcd
```
#684bcd rgb(104,75,205)
```
#cda94b
```
#cda94b rgb(205,169,75)
```

Split Complementary Color

#4bcd68
```
#4bcd68 rgb(75,205,104)
```
#684bcd
```
#684bcd rgb(104,75,205)
```
#cd684b
```
#cd684b rgb(205,104,75)
```

Triadic Color

#4bb0cd
```
#4bb0cd rgb(75,176,205)
```
#684bcd
```
#684bcd rgb(104,75,205)
```
#cd684b
```
#cd684b rgb(205,104,75)
```
#b0cd4b
```
#b0cd4b rgb(176,205,75)
```

Tetradic Color

#462c9f
```
#462c9f rgb(70,44,159)
```
#4f32b3
```
#4f32b3 rgb(79,50,179)
```
#5737c7
```
#5737c7 rgb(87,55,199)
```
#684bcd
```
#684bcd rgb(104,75,205)
```
#795fd3
```
#795fd3 rgb(121,95,211)
```
#8973d8
```
#8973d8 rgb(137,115,216)
```
#9a87de
```
#9a87de rgb(154,135,222)
```

Monochromatic Color

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

#4b4fcd
```
#4b4fcd rgb(75,79,205)
```
#524bcd
```
#524bcd rgb(82,75,205)
```
#5d4bcd
```
#5d4bcd rgb(93,75,205)
```
#684bcd
```
#684bcd rgb(104,75,205)
```
#734bcd
```
#734bcd rgb(115,75,205)
```
#7e4bcd
```
#7e4bcd rgb(126,75,205)
```
#894bcd
```
#894bcd rgb(137,75,205)
```

Similar Colors

Text with hexadecimal color #684bcd

This text has a font color of #684bcd.

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

#684bcd background color

This paragraph has a background color of #684bcd.

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

#684bcd border color

This element has a border color of #684bcd.

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

CSS codes

.text {color:#684bcd;}

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

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

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

#020104
```
#020104 rgb(2,1,4)
```
#090514
```
#090514 rgb(9,5,20)
```
#0f0a23
```
#0f0a23 rgb(15,10,35)
```
#160e32
```
#160e32 rgb(22,14,50)
```
#1d1242
```
#1d1242 rgb(29,18,66)
```
#241651
```
#241651 rgb(36,22,81)
```
#2a1b60
```
#2a1b60 rgb(42,27,96)
```
#311f70
```
#311f70 rgb(49,31,112)
```
#38237f
```
#38237f rgb(56,35,127)
```
#3e288e
```
#3e288e rgb(62,40,142)
```
#452c9e
```
#452c9e rgb(69,44,158)
```
#4c30ad
```
#4c30ad rgb(76,48,173)
```
#5334bc
```
#5334bc rgb(83,52,188)
```

Shade Color Variation

#5b3cc9
```
#5b3cc9 rgb(91,60,201)
```
#684bcd
```
#684bcd rgb(104,75,205)
```
#755ad1
```
#755ad1 rgb(117,90,209)
```
#826ad6
```
#826ad6 rgb(130,106,214)
```
#8f79da
```
#8f79da rgb(143,121,218)
```
#9c88de
```
#9c88de rgb(156,136,222)
```
#a898e2
```
#a898e2 rgb(168,152,226)
```
#b5a7e7
```
#b5a7e7 rgb(181,167,231)
```
#c2b6eb
```
#c2b6eb rgb(194,182,235)
```
#cfc6ef
```
#cfc6ef rgb(207,198,239)
```
#dcd5f3
```
#dcd5f3 rgb(220,213,243)
```
#e9e5f8
```
#e9e5f8 rgb(233,229,248)
```
#f6f4fc
```
#f6f4fc rgb(246,244,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8a898f is the less saturated color, while #501ff9 is the most saturated one.

#8a898f
```
#8a898f rgb(138,137,143)
```
#858098
```
#858098 rgb(133,128,152)
```
#8077a1
```
#8077a1 rgb(128,119,161)
```
#7c6eaa
```
#7c6eaa rgb(124,110,170)
```
#7766b2
```
#7766b2 rgb(119,102,178)
```
#725dbb
```
#725dbb rgb(114,93,187)
```
#6d54c4
```
#6d54c4 rgb(109,84,196)
```
#684bcd
```
#684bcd rgb(104,75,205)
```
#6342d6
```
#6342d6 rgb(99,66,214)
```
#5e39df
```
#5e39df rgb(94,57,223)
```
#5930e8
```
#5930e8 rgb(89,48,232)
```
#5428f0
```
#5428f0 rgb(84,40,240)
```
#501ff9
```
#501ff9 rgb(80,31,249)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#635d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0067ca Protanopia 1% of men
#006db2 Deuteranopia 1% of men
#4e6f78 Tritanopia 0.001% of the population

Trichromacy

#255dcb Protanomaly 1% of men, 0.01% of women
#2560bc Deuteranomaly 6% of men, 0.4% of women
#586296 Tritanomaly 0.01% of the population

#684bcd hex color

#684bcd Color Information

#684bcd Color Conversion

Color Schemes with #684bcd

Alternatives to #684bcd

#684bcd Preview

Shades and Tints of #684bcd

Tones of #684bcd

Color Blindness Simulator