#684edb hex color

In a RGB color space, hex #684edb is composed of 40.8% red, 30.6% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 52.5% cyan, 64.4% magenta, 0% yellow and 14.1% black. It has a hue angle of 251.1 degrees, a saturation of 66.2% and a lightness of 58.2%. #684edb color hex could be obtained by blending #d09cff with #0000b7. Closest websafe color is: #6666cc.

♥
- f
- t
- g
- R 41
- G 31
- B 86
RGB color chart
- C 53
- M 64
- Y 0
- K 14
CMYK color chart

● #684edb color description : Soft blue.

The hexadecimal color #684edb has RGB values of R:104, G:78, B:219 and CMYK values of C:0.53, M:0.64, Y:0, K:0.14. Its decimal value is 6835931.

Hex triplet	684edb	`#684edb`
RGB Decimal	104, 78, 219	`rgb(104,78,219)`
RGB Percent	40.8, 30.6, 85.9	`rgb(40.8%,30.6%,85.9%)`
CMYK	53, 64, 0, 14
HSL	251.1°, 66.2, 58.2	`hsl(251.1,66.2%,58.2%)`
HSV (or HSB)	251.1°, 64.4, 85.9
Web Safe	6666cc	`#6666cc`

CIE-LAB	43.516, 46.777, -68.761
XYZ	21.217, 13.506, 68.503
xyY	0.206, 0.131, 13.506
CIE-LCH	43.516, 83.164, 304.227
CIE-LUV	43.516, -0.088, -104.771
Hunter-Lab	36.75, 38.741, -84.792
Binary	01101000, 01001110, 11011011

#684edb
```
#684edb rgb(104,78,219)
```
#c1db4e
```
#c1db4e rgb(193,219,78)
```

Complementary Color

#4e7bdb
```
#4e7bdb rgb(78,123,219)
```
#684edb
```
#684edb rgb(104,78,219)
```
#af4edb
```
#af4edb rgb(175,78,219)
```

Analogous Color

#7bdb4e
```
#7bdb4e rgb(123,219,78)
```
#684edb
```
#684edb rgb(104,78,219)
```
#dbaf4e
```
#dbaf4e rgb(219,175,78)
```

Split Complementary Color

#4edb68
```
#4edb68 rgb(78,219,104)
```
#684edb
```
#684edb rgb(104,78,219)
```
#db684e
```
#db684e rgb(219,104,78)
```

Triadic Color

#4ec1db
```
#4ec1db rgb(78,193,219)
```
#684edb
```
#684edb rgb(104,78,219)
```
#db684e
```
#db684e rgb(219,104,78)
```
#c1db4e
```
#c1db4e rgb(193,219,78)
```

Tetradic Color

#4025b7
```
#4025b7 rgb(64,37,183)
```
#482acc
```
#482acc rgb(72,42,204)
```
#5639d7
```
#5639d7 rgb(86,57,215)
```
#684edb
```
#684edb rgb(104,78,219)
```
#7a63df
```
#7a63df rgb(122,99,223)
```
#8c78e4
```
#8c78e4 rgb(140,120,228)
```
#9e8ee8
```
#9e8ee8 rgb(158,142,232)
```

Monochromatic Color

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

#4e57db
```
#4e57db rgb(78,87,219)
```
#504edb
```
#504edb rgb(80,78,219)
```
#5c4edb
```
#5c4edb rgb(92,78,219)
```
#684edb
```
#684edb rgb(104,78,219)
```
#744edb
```
#744edb rgb(116,78,219)
```
#804edb
```
#804edb rgb(128,78,219)
```
#8b4edb
```
#8b4edb rgb(139,78,219)
```

Similar Colors

Text with hexadecimal color #684edb

This text has a font color of #684edb.

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

#684edb background color

This paragraph has a background color of #684edb.

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

#684edb border color

This element has a border color of #684edb.

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

CSS codes

.text {color:#684edb;}

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

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

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

#010002
```
#010002 rgb(1,0,2)
```
#070413
```
#070413 rgb(7,4,19)
```
#0c0723
```
#0c0723 rgb(12,7,35)
```
#120a33
```
#120a33 rgb(18,10,51)
```
#180e44
```
#180e44 rgb(24,14,68)
```
#1d1154
```
#1d1154 rgb(29,17,84)
```
#231464
```
#231464 rgb(35,20,100)
```
#291874
```
#291874 rgb(41,24,116)
```
#2e1b85
```
#2e1b85 rgb(46,27,133)
```
#341e95
```
#341e95 rgb(52,30,149)
```
#3a22a5
```
#3a22a5 rgb(58,34,165)
```
#4025b6
```
#4025b6 rgb(64,37,182)
```
#4528c6
```
#4528c6 rgb(69,40,198)
```

Shade Color Variation

#4c2dd4
```
#4c2dd4 rgb(76,45,212)
```
#5a3ed8
```
#5a3ed8 rgb(90,62,216)
```
#684edb
```
#684edb rgb(104,78,219)
```
#765ede
```
#765ede rgb(118,94,222)
```
#846fe2
```
#846fe2 rgb(132,111,226)
```
#927fe5
```
#927fe5 rgb(146,127,229)
```
#a08fe8
```
#a08fe8 rgb(160,143,232)
```
#aea0ec
```
#aea0ec rgb(174,160,236)
```
#bbb0ef
```
#bbb0ef rgb(187,176,239)
```
#c9c0f2
```
#c9c0f2 rgb(201,192,242)
```
#d7d0f6
```
#d7d0f6 rgb(215,208,246)
```
#e5e1f9
```
#e5e1f9 rgb(229,225,249)
```
#f3f1fc
```
#f3f1fc rgb(243,241,252)
```

Tint Color Variation

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

#919099
```
#919099 rgb(145,144,153)
```
#8c87a2
```
#8c87a2 rgb(140,135,162)
```
#877faa
```
#877faa rgb(135,127,170)
```
#8277b2
```
#8277b2 rgb(130,119,178)
```
#7d6fba
```
#7d6fba rgb(125,111,186)
```
#7867c2
```
#7867c2 rgb(120,103,194)
```
#725ecb
```
#725ecb rgb(114,94,203)
```
#6d56d3
```
#6d56d3 rgb(109,86,211)
```
#684edb
```
#684edb rgb(104,78,219)
```
#6346e3
```
#6346e3 rgb(99,70,227)
```
#5e3eeb
```
#5e3eeb rgb(94,62,235)
```
#5835f4
```
#5835f4 rgb(88,53,244)
```
#532dfc
```
#532dfc rgb(83,45,252)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#66617d Atypical Achromatopsia 0.001% of the population

Dichromacy

#006bd1 Protanopia 1% of men
#0071b8 Deuteranopia 1% of men
#46757e Tritanopia 0.001% of the population

Trichromacy

#2560d5 Protanomaly 1% of men, 0.01% of women
#2564c4 Deuteranomaly 6% of men, 0.4% of women
#52679f Tritanomaly 0.01% of the population

#684edb hex color

#684edb Color Information

#684edb Color Conversion

Color Schemes with #684edb

Alternatives to #684edb

#684edb Preview

Shades and Tints of #684edb

Tones of #684edb

Color Blindness Simulator