#684bda hex color

In a RGB color space, hex #684bda is composed of 40.8% red, 29.4% green and 85.5% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 65.6% magenta, 0% yellow and 14.5% black. It has a hue angle of 252.2 degrees, a saturation of 65.9% and a lightness of 57.5%. #684bda color hex could be obtained by blending #d096ff with #0000b5. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 29
- B 85
RGB color chart
- C 52
- M 66
- Y 0
- K 15
CMYK color chart

● #684bda color description : Soft blue.

The hexadecimal color #684bda has RGB values of R:104, G:75, B:218 and CMYK values of C:0.52, M:0.66, Y:0, K:0.15. Its decimal value is 6835162.

Hex triplet	684bda	`#684bda`
RGB Decimal	104, 75, 218	`rgb(104,75,218)`
RGB Percent	40.8, 29.4, 85.5	`rgb(40.8%,29.4%,85.5%)`
CMYK	52, 66, 0, 15
HSL	252.2°, 65.9, 57.5	`hsl(252.2,65.9%,57.5%)`
HSV (or HSB)	252.2°, 65.6, 85.5
Web Safe	6633cc	`#6633cc`

CIE-LAB	42.818, 48.155, -69.327
XYZ	20.878, 13.037, 67.742
xyY	0.205, 0.128, 13.037
CIE-LCH	42.818, 84.41, 304.784
CIE-LUV	42.818, 0.645, -105.065
Hunter-Lab	36.106, 40.027, -85.965
Binary	01101000, 01001011, 11011010

#684bda
```
#684bda rgb(104,75,218)
```
#bdda4b
```
#bdda4b rgb(189,218,75)
```

Complementary Color

#4b76da
```
#4b76da rgb(75,118,218)
```
#684bda
```
#684bda rgb(104,75,218)
```
#b04bda
```
#b04bda rgb(176,75,218)
```

Analogous Color

#76da4b
```
#76da4b rgb(118,218,75)
```
#684bda
```
#684bda rgb(104,75,218)
```
#dab04b
```
#dab04b rgb(218,176,75)
```

Split Complementary Color

#4bda68
```
#4bda68 rgb(75,218,104)
```
#684bda
```
#684bda rgb(104,75,218)
```
#da684b
```
#da684b rgb(218,104,75)
```

Triadic Color

#4bbdda
```
#4bbdda rgb(75,189,218)
```
#684bda
```
#684bda rgb(104,75,218)
```
#da684b
```
#da684b rgb(218,104,75)
```
#bdda4b
```
#bdda4b rgb(189,218,75)
```

Tetradic Color

#4225b4
```
#4225b4 rgb(66,37,180)
```
#4a29c9
```
#4a29c9 rgb(74,41,201)
```
#5636d6
```
#5636d6 rgb(86,54,214)
```
#684bda
```
#684bda rgb(104,75,218)
```
#7a60de
```
#7a60de rgb(122,96,222)
```
#8b75e3
```
#8b75e3 rgb(139,117,227)
```
#9d8ae7
```
#9d8ae7 rgb(157,138,231)
```

Monochromatic Color

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

#4b52da
```
#4b52da rgb(75,82,218)
```
#504bda
```
#504bda rgb(80,75,218)
```
#5c4bda
```
#5c4bda rgb(92,75,218)
```
#684bda
```
#684bda rgb(104,75,218)
```
#744bda
```
#744bda rgb(116,75,218)
```
#804bda
```
#804bda rgb(128,75,218)
```
#8c4bda
```
#8c4bda rgb(140,75,218)
```

Similar Colors

Text with hexadecimal color #684bda

This text has a font color of #684bda.

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

#684bda background color

This paragraph has a background color of #684bda.

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

#684bda border color

This element has a border color of #684bda.

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

CSS codes

.text {color:#684bda;}

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

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

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

#06030f
```
#06030f rgb(6,3,15)
```
#0c0620
```
#0c0620 rgb(12,6,32)
```
#120a30
```
#120a30 rgb(18,10,48)
```
#170d40
```
#170d40 rgb(23,13,64)
```
#1d1150
```
#1d1150 rgb(29,17,80)
```
#231461
```
#231461 rgb(35,20,97)
```
#291771
```
#291771 rgb(41,23,113)
```
#2f1b81
```
#2f1b81 rgb(47,27,129)
```
#351e91
```
#351e91 rgb(53,30,145)
```
#3b21a2
```
#3b21a2 rgb(59,33,162)
```
#4125b2
```
#4125b2 rgb(65,37,178)
```
#4728c2
```
#4728c2 rgb(71,40,194)
```
#4d2bd2
```
#4d2bd2 rgb(77,43,210)
```

Shade Color Variation

#5a3bd7
```
#5a3bd7 rgb(90,59,215)
```
#684bda
```
#684bda rgb(104,75,218)
```
#765bdd
```
#765bdd rgb(118,91,221)
```
#836ce1
```
#836ce1 rgb(131,108,225)
```
#917ce4
```
#917ce4 rgb(145,124,228)
```
#9f8ce7
```
#9f8ce7 rgb(159,140,231)
```
#ac9ceb
```
#ac9ceb rgb(172,156,235)
```
#baadee
```
#baadee rgb(186,173,238)
```
#c8bdf1
```
#c8bdf1 rgb(200,189,241)
```
#d5cdf5
```
#d5cdf5 rgb(213,205,245)
```
#e3ddf8
```
#e3ddf8 rgb(227,221,248)
```
#f0eefb
```
#f0eefb rgb(240,238,251)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #908e97 is the less saturated color, while #542afb is the most saturated one.

#908e97
```
#908e97 rgb(144,142,151)
```
#8b85a0
```
#8b85a0 rgb(139,133,160)
```
#867da8
```
#867da8 rgb(134,125,168)
```
#8175b0
```
#8175b0 rgb(129,117,176)
```
#7c6cb9
```
#7c6cb9 rgb(124,108,185)
```
#7764c1
```
#7764c1 rgb(119,100,193)
```
#725cc9
```
#725cc9 rgb(114,92,201)
```
#6d53d2
```
#6d53d2 rgb(109,83,210)
```
#684bda
```
#684bda rgb(104,75,218)
```
#6343e2
```
#6343e2 rgb(99,67,226)
```
#5e3aeb
```
#5e3aeb rgb(94,58,235)
```
#5932f3
```
#5932f3 rgb(89,50,243)
```
#542afb
```
#542afb rgb(84,42,251)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#655f7c Atypical Achromatopsia 0.001% of the population

Dichromacy

#0069ce Protanopia 1% of men
#006fb5 Deuteranopia 1% of men
#47737c Tritanopia 0.001% of the population

Trichromacy

#255ed2 Protanomaly 1% of men, 0.01% of women
#2562c2 Deuteranomaly 6% of men, 0.4% of women
#53649e Tritanomaly 0.01% of the population

#684bda hex color

#684bda Color Information

#684bda Color Conversion

Color Schemes with #684bda

Alternatives to #684bda

#684bda Preview

Shades and Tints of #684bda

Tones of #684bda

Color Blindness Simulator