#684ec0 hex color

In a RGB color space, hex #684ec0 is composed of 40.8% red, 30.6% green and 75.3% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 59.4% magenta, 0% yellow and 24.7% black. It has a hue angle of 253.7 degrees, a saturation of 47.5% and a lightness of 52.9%. #684ec0 color hex could be obtained by blending #d09cff with #000081. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 31
- B 75
RGB color chart
- C 46
- M 59
- Y 0
- K 25
CMYK color chart

● #684ec0 color description : Moderate blue.

The hexadecimal color #684ec0 has RGB values of R:104, G:78, B:192 and CMYK values of C:0.46, M:0.59, Y:0, K:0.25. Its decimal value is 6835904.

Hex triplet	684ec0	`#684ec0`
RGB Decimal	104, 78, 192	`rgb(104,78,192)`
RGB Percent	40.8, 30.6, 75.3	`rgb(40.8%,30.6%,75.3%)`
CMYK	46, 59, 0, 25
HSL	253.7°, 47.5, 52.9	`hsl(253.7,47.5%,52.9%)`
HSV (or HSB)	253.7°, 59.4, 75.3
Web Safe	6666cc	`#6666cc`

CIE-LAB	41.528, 38.879, -56.415
XYZ	17.946, 12.197, 51.275
xyY	0.22, 0.15, 12.197
CIE-LCH	41.528, 68.514, 304.573
CIE-LUV	41.528, 2.441, -85.77
Hunter-Lab	34.925, 30.604, -62.6
Binary	01101000, 01001110, 11000000

#684ec0
```
#684ec0 rgb(104,78,192)
```
#a6c04e
```
#a6c04e rgb(166,192,78)
```

Complementary Color

#4e6dc0
```
#4e6dc0 rgb(78,109,192)
```
#684ec0
```
#684ec0 rgb(104,78,192)
```
#a14ec0
```
#a14ec0 rgb(161,78,192)
```

Analogous Color

#6dc04e
```
#6dc04e rgb(109,192,78)
```
#684ec0
```
#684ec0 rgb(104,78,192)
```
#c0a14e
```
#c0a14e rgb(192,161,78)
```

Split Complementary Color

#4ec068
```
#4ec068 rgb(78,192,104)
```
#684ec0
```
#684ec0 rgb(104,78,192)
```
#c0684e
```
#c0684e rgb(192,104,78)
```

Triadic Color

#4ea6c0
```
#4ea6c0 rgb(78,166,192)
```
#684ec0
```
#684ec0 rgb(104,78,192)
```
#c0684e
```
#c0684e rgb(192,104,78)
```
#a6c04e
```
#a6c04e rgb(166,192,78)
```

Tetradic Color

#48338f
```
#48338f rgb(72,51,143)
```
#5139a2
```
#5139a2 rgb(81,57,162)
```
#5b40b4
```
#5b40b4 rgb(91,64,180)
```
#684ec0
```
#684ec0 rgb(104,78,192)
```
#7861c7
```
#7861c7 rgb(120,97,199)
```
#8874cd
```
#8874cd rgb(136,116,205)
```
#9886d4
```
#9886d4 rgb(152,134,212)
```

Monochromatic Color

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

#4e51c0
```
#4e51c0 rgb(78,81,192)
```
#554ec0
```
#554ec0 rgb(85,78,192)
```
#5e4ec0
```
#5e4ec0 rgb(94,78,192)
```
#684ec0
```
#684ec0 rgb(104,78,192)
```
#724ec0
```
#724ec0 rgb(114,78,192)
```
#7b4ec0
```
#7b4ec0 rgb(123,78,192)
```
#854ec0
```
#854ec0 rgb(133,78,192)
```

Similar Colors

Text with hexadecimal color #684ec0

This text has a font color of #684ec0.

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

#684ec0 background color

This paragraph has a background color of #684ec0.

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

#684ec0 border color

This element has a border color of #684ec0.

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

CSS codes

.text {color:#684ec0;}

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

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

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

#06040b
```
#06040b rgb(6,4,11)
```
#0d091a
```
#0d091a rgb(13,9,26)
```
#140e28
```
#140e28 rgb(20,14,40)
```
#1b1336
```
#1b1336 rgb(27,19,54)
```
#231945
```
#231945 rgb(35,25,69)
```
#2a1e53
```
#2a1e53 rgb(42,30,83)
```
#312362
```
#312362 rgb(49,35,98)
```
#382870
```
#382870 rgb(56,40,112)
```
#402d7f
```
#402d7f rgb(64,45,127)
```
#47328d
```
#47328d rgb(71,50,141)
```
#4e379c
```
#4e379c rgb(78,55,156)
```
#563daa
```
#563daa rgb(86,61,170)
```
#5d42b9
```
#5d42b9 rgb(93,66,185)
```

Shade Color Variation

#684ec0
```
#684ec0 rgb(104,78,192)
```
#745cc5
```
#745cc5 rgb(116,92,197)
```
#816bca
```
#816bca rgb(129,107,202)
```
#8d79cf
```
#8d79cf rgb(141,121,207)
```
#9988d5
```
#9988d5 rgb(153,136,213)
```
#a696da
```
#a696da rgb(166,150,218)
```
#b2a5df
```
#b2a5df rgb(178,165,223)
```
#beb3e4
```
#beb3e4 rgb(190,179,228)
```
#cbc2e9
```
#cbc2e9 rgb(203,194,233)
```
#d7d0ee
```
#d7d0ee rgb(215,208,238)
```
#e3dff3
```
#e3dff3 rgb(227,223,243)
```
#f0edf9
```
#f0edf9 rgb(240,237,249)
```
#fcfcfe
```
#fcfcfe rgb(252,252,254)
```

Tint Color Variation

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

#868589
```
#868589 rgb(134,133,137)
```
#817c92
```
#817c92 rgb(129,124,146)
```
#7c739b
```
#7c739b rgb(124,115,155)
```
#776aa4
```
#776aa4 rgb(119,106,164)
```
#7260ae
```
#7260ae rgb(114,96,174)
```
#6d57b7
```
#6d57b7 rgb(109,87,183)
```
#684ec0
```
#684ec0 rgb(104,78,192)
```
#6345c9
```
#6345c9 rgb(99,69,201)
```
#5e3cd2
```
#5e3cd2 rgb(94,60,210)
```
#5932dc
```
#5932dc rgb(89,50,220)
```
#5429e5
```
#5429e5 rgb(84,41,229)
```
#4f20ee
```
#4f20ee rgb(79,32,238)
```
#4a17f7
```
#4a17f7 rgb(74,23,247)
```

Tone Color Variation

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

#636363 Achromatopsia 0.005% of the population
#645f76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c9 Protanopia 1% of men
#006cb2 Deuteranopia 1% of men
#556d75 Tritanopia 0.001% of the population

Trichromacy

#255dc6 Protanomaly 1% of men, 0.01% of women
#2561b7 Deuteranomaly 6% of men, 0.4% of women
#5c6290 Tritanomaly 0.01% of the population

#684ec0 hex color

#684ec0 Color Information

#684ec0 Color Conversion

Color Schemes with #684ec0

Alternatives to #684ec0

#684ec0 Preview

Shades and Tints of #684ec0

Tones of #684ec0

Color Blindness Simulator