#684adc hex color

In a RGB color space, hex #684adc is composed of 40.8% red, 29% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 52.7% cyan, 66.4% magenta, 0% yellow and 13.7% black. It has a hue angle of 252.3 degrees, a saturation of 67.6% and a lightness of 57.6%. #684adc color hex could be obtained by blending #d094ff with #0000b9. Closest websafe color is: #6633cc.

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

● #684adc color description : Soft blue.

The hexadecimal color #684adc has RGB values of R:104, G:74, B:220 and CMYK values of C:0.53, M:0.66, Y:0, K:0.14. Its decimal value is 6834908.

Hex triplet	684adc	`#684adc`
RGB Decimal	104, 74, 220	`rgb(104,74,220)`
RGB Percent	40.8, 29, 86.3	`rgb(40.8%,29%,86.3%)`
CMYK	53, 66, 0, 14
HSL	252.3°, 67.6, 57.6	`hsl(252.3,67.6%,57.6%)`
HSV (or HSB)	252.3°, 66.4, 86.3
Web Safe	6633cc	`#6633cc`

CIE-LAB	42.774, 49.286, -70.541
XYZ	21.074, 13.007, 69.106
xyY	0.204, 0.126, 13.007
CIE-LCH	42.774, 86.053, 304.941
CIE-LUV	42.774, 0.668, -106.716
Hunter-Lab	36.066, 41.184, -88.361
Binary	01101000, 01001010, 11011100

#684adc
```
#684adc rgb(104,74,220)
```
#bedc4a
```
#bedc4a rgb(190,220,74)
```

Complementary Color

#4a75dc
```
#4a75dc rgb(74,117,220)
```
#684adc
```
#684adc rgb(104,74,220)
```
#b14adc
```
#b14adc rgb(177,74,220)
```

Analogous Color

#75dc4a
```
#75dc4a rgb(117,220,74)
```
#684adc
```
#684adc rgb(104,74,220)
```
#dcb14a
```
#dcb14a rgb(220,177,74)
```

Split Complementary Color

#4adc68
```
#4adc68 rgb(74,220,104)
```
#684adc
```
#684adc rgb(104,74,220)
```
#dc684a
```
#dc684a rgb(220,104,74)
```

Triadic Color

#4abedc
```
#4abedc rgb(74,190,220)
```
#684adc
```
#684adc rgb(104,74,220)
```
#dc684a
```
#dc684a rgb(220,104,74)
```
#bedc4a
```
#bedc4a rgb(190,220,74)
```

Tetradic Color

#4123b6
```
#4123b6 rgb(65,35,182)
```
#4927cc
```
#4927cc rgb(73,39,204)
```
#5635d8
```
#5635d8 rgb(86,53,216)
```
#684adc
```
#684adc rgb(104,74,220)
```
#7a5fe0
```
#7a5fe0 rgb(122,95,224)
```
#8c75e4
```
#8c75e4 rgb(140,117,228)
```
#9d8ae8
```
#9d8ae8 rgb(157,138,232)
```

Monochromatic Color

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

#4a51dc
```
#4a51dc rgb(74,81,220)
```
#504adc
```
#504adc rgb(80,74,220)
```
#5c4adc
```
#5c4adc rgb(92,74,220)
```
#684adc
```
#684adc rgb(104,74,220)
```
#744adc
```
#744adc rgb(116,74,220)
```
#804adc
```
#804adc rgb(128,74,220)
```
#8d4adc
```
#8d4adc rgb(141,74,220)
```

Similar Colors

Text with hexadecimal color #684adc

This text has a font color of #684adc.

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

#684adc background color

This paragraph has a background color of #684adc.

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

#684adc border color

This element has a border color of #684adc.

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

CSS codes

.text {color:#684adc;}

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

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

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

#060310
```
#060310 rgb(6,3,16)
```
#0c0621
```
#0c0621 rgb(12,6,33)
```
#120931
```
#120931 rgb(18,9,49)
```
#180d42
```
#180d42 rgb(24,13,66)
```
#1d1052
```
#1d1052 rgb(29,16,82)
```
#231362
```
#231362 rgb(35,19,98)
```
#291673
```
#291673 rgb(41,22,115)
```
#2f1983
```
#2f1983 rgb(47,25,131)
```
#351d94
```
#351d94 rgb(53,29,148)
```
#3b20a4
```
#3b20a4 rgb(59,32,164)
```
#4123b5
```
#4123b5 rgb(65,35,181)
```
#4726c5
```
#4726c5 rgb(71,38,197)
```
#4d29d5
```
#4d29d5 rgb(77,41,213)
```

Shade Color Variation

#5a3ad9
```
#5a3ad9 rgb(90,58,217)
```
#684adc
```
#684adc rgb(104,74,220)
```
#765adf
```
#765adf rgb(118,90,223)
```
#836be2
```
#836be2 rgb(131,107,226)
```
#917be6
```
#917be6 rgb(145,123,230)
```
#9f8ce9
```
#9f8ce9 rgb(159,140,233)
```
#ad9cec
```
#ad9cec rgb(173,156,236)
```
#baadef
```
#baadef rgb(186,173,239)
```
#c8bdf2
```
#c8bdf2 rgb(200,189,242)
```
#d6cdf5
```
#d6cdf5 rgb(214,205,245)
```
#e3def9
```
#e3def9 rgb(227,222,249)
```
#f1eefc
```
#f1eefc rgb(241,238,252)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8f8c9a
```
#8f8c9a rgb(143,140,154)
```
#8a84a2
```
#8a84a2 rgb(138,132,162)
```
#857caa
```
#857caa rgb(133,124,170)
```
#8074b2
```
#8074b2 rgb(128,116,178)
```
#7c6bbb
```
#7c6bbb rgb(124,107,187)
```
#7763c3
```
#7763c3 rgb(119,99,195)
```
#725bcb
```
#725bcb rgb(114,91,203)
```
#6d52d4
```
#6d52d4 rgb(109,82,212)
```
#684adc
```
#684adc rgb(104,74,220)
```
#6342e4
```
#6342e4 rgb(99,66,228)
```
#5e39ed
```
#5e39ed rgb(94,57,237)
```
#5931f5
```
#5931f5 rgb(89,49,245)
```
#5429fd
```
#5429fd rgb(84,41,253)
```

Tone Color Variation

Below, you can see how #684adc 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
#006fb4 Deuteranopia 1% of men
#45737c Tritanopia 0.001% of the population

Trichromacy

#255ed3 Protanomaly 1% of men, 0.01% of women
#2561c3 Deuteranomaly 6% of men, 0.4% of women
#51649f Tritanomaly 0.01% of the population

#684adc hex color

#684adc Color Information

#684adc Color Conversion

Color Schemes with #684adc

Alternatives to #684adc

#684adc Preview

Shades and Tints of #684adc

Tones of #684adc

Color Blindness Simulator