#684dfa hex color

In a RGB color space, hex #684dfa is composed of 40.8% red, 30.2% green and 98% blue. Whereas in a CMYK color space, it is composed of 58.4% cyan, 69.2% magenta, 0% yellow and 2% black. It has a hue angle of 249.4 degrees, a saturation of 94.5% and a lightness of 64.1%. #684dfa color hex could be obtained by blending #d09aff with #0000f5. Closest websafe color is: #6666ff.

♥
- f
- t
- g
- R 41
- G 30
- B 98
RGB color chart
- C 58
- M 69
- Y 0
- K 2
CMYK color chart

● #684dfa color description : Soft blue.

The hexadecimal color #684dfa has RGB values of R:104, G:77, B:250 and CMYK values of C:0.58, M:0.69, Y:0, K:0.02. Its decimal value is 6835706.

Hex triplet	684dfa	`#684dfa`
RGB Decimal	104, 77, 250	`rgb(104,77,250)`
RGB Percent	40.8, 30.2, 98	`rgb(40.8%,30.2%,98%)`
CMYK	58, 69, 0, 2
HSL	249.4°, 94.5, 64.1	`hsl(249.4,94.5%,64.1%)`
HSV (or HSB)	249.4°, 69.2, 98
Web Safe	6666ff	`#6666ff`

CIE-LAB	45.842, 56.405, -82.462
XYZ	25.615, 15.152, 92.012
xyY	0.193, 0.114, 15.152
CIE-LCH	45.842, 99.907, 304.373
CIE-LUV	45.842, -2.461, -125.457
Hunter-Lab	38.926, 49.341, -112.901
Binary	01101000, 01001101, 11111010

#684dfa
```
#684dfa rgb(104,77,250)
```
#dffa4d
```
#dffa4d rgb(223,250,77)
```

Complementary Color

#4d89fa
```
#4d89fa rgb(77,137,250)
```
#684dfa
```
#684dfa rgb(104,77,250)
```
#bf4dfa
```
#bf4dfa rgb(191,77,250)
```

Analogous Color

#89fa4d
```
#89fa4d rgb(137,250,77)
```
#684dfa
```
#684dfa rgb(104,77,250)
```
#fabf4d
```
#fabf4d rgb(250,191,77)
```

Split Complementary Color

#4dfa68
```
#4dfa68 rgb(77,250,104)
```
#684dfa
```
#684dfa rgb(104,77,250)
```
#fa684d
```
#fa684d rgb(250,104,77)
```

Triadic Color

#4ddffa
```
#4ddffa rgb(77,223,250)
```
#684dfa
```
#684dfa rgb(104,77,250)
```
#fa684d
```
#fa684d rgb(250,104,77)
```
#dffa4d
```
#dffa4d rgb(223,250,77)
```

Tetradic Color

#2c07f4
```
#2c07f4 rgb(44,7,244)
```
#3e1bf9
```
#3e1bf9 rgb(62,27,249)
```
#5334f9
```
#5334f9 rgb(83,52,249)
```
#684dfa
```
#684dfa rgb(104,77,250)
```
#7d66fb
```
#7d66fb rgb(125,102,251)
```
#927ffb
```
#927ffb rgb(146,127,251)
```
#a797fc
```
#a797fc rgb(167,151,252)
```

Monochromatic Color

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

#4d5dfa
```
#4d5dfa rgb(77,93,250)
```
#4d4ffa
```
#4d4ffa rgb(77,79,250)
```
#5a4dfa
```
#5a4dfa rgb(90,77,250)
```
#684dfa
```
#684dfa rgb(104,77,250)
```
#764dfa
```
#764dfa rgb(118,77,250)
```
#854dfa
```
#854dfa rgb(133,77,250)
```
#934dfa
```
#934dfa rgb(147,77,250)
```

Similar Colors

Text with hexadecimal color #684dfa

This text has a font color of #684dfa.

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

#684dfa background color

This paragraph has a background color of #684dfa.

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

#684dfa border color

This element has a border color of #684dfa.

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

CSS codes

.text {color:#684dfa;}

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

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

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, #02000d is the darkest color, while #faf9ff is the lightest one.

#02000d
```
#02000d rgb(2,0,13)
```
#060120
```
#060120 rgb(6,1,32)
```
#090133
```
#090133 rgb(9,1,51)
```
#0d0246
```
#0d0246 rgb(13,2,70)
```
#100359
```
#100359 rgb(16,3,89)
```
#13036c
```
#13036c rgb(19,3,108)
```
#17047f
```
#17047f rgb(23,4,127)
```
#1a0492
```
#1a0492 rgb(26,4,146)
```
#1e05a5
```
#1e05a5 rgb(30,5,165)
```
#2105b9
```
#2105b9 rgb(33,5,185)
```
#2506cc
```
#2506cc rgb(37,6,204)
```
#2806df
```
#2806df rgb(40,6,223)
```
#2b07f2
```
#2b07f2 rgb(43,7,242)
```

Shade Color Variation

#3714f8
```
#3714f8 rgb(55,20,248)
```
#4827f9
```
#4827f9 rgb(72,39,249)
```
#583af9
```
#583af9 rgb(88,58,249)
```
#684dfa
```
#684dfa rgb(104,77,250)
```
#7860fb
```
#7860fb rgb(120,96,251)
```
#8873fb
```
#8873fb rgb(136,115,251)
```
#9986fc
```
#9986fc rgb(153,134,252)
```
#a999fc
```
#a999fc rgb(169,153,252)
```
#b9acfd
```
#b9acfd rgb(185,172,253)
```
#c9bffd
```
#c9bffd rgb(201,191,253)
```
#d9d3fe
```
#d9d3fe rgb(217,211,254)
```
#e9e6fe
```
#e9e6fe rgb(233,230,254)
```
#faf9ff
```
#faf9ff rgb(250,249,255)
```

Tint Color Variation

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

#a2a1a6
```
#a2a1a6 rgb(162,161,166)
```
#9d9aad
```
#9d9aad rgb(157,154,173)
```
#9893b4
```
#9893b4 rgb(152,147,180)
```
#948cbb
```
#948cbb rgb(148,140,187)
```
#8f85c2
```
#8f85c2 rgb(143,133,194)
```
#8a7ec9
```
#8a7ec9 rgb(138,126,201)
```
#8577d0
```
#8577d0 rgb(133,119,208)
```
#8070d7
```
#8070d7 rgb(128,112,215)
```
#7b69de
```
#7b69de rgb(123,105,222)
```
#7762e5
```
#7762e5 rgb(119,98,229)
```
#725bec
```
#725bec rgb(114,91,236)
```
#6d54f3
```
#6d54f3 rgb(109,84,243)
```
#684dfa
```
#684dfa rgb(104,77,250)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#696386 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0070db Protanopia 1% of men
#0077bf Deuteranopia 1% of men
#247e88 Tritanopia 0.001% of the population

Trichromacy

#2563e6 Protanomaly 1% of men, 0.01% of women
#2567d4 Deuteranomaly 6% of men, 0.4% of women
#3c6cb1 Tritanomaly 0.01% of the population

#684dfa hex color

#684dfa Color Information

#684dfa Color Conversion

Color Schemes with #684dfa

Alternatives to #684dfa

#684dfa Preview

Shades and Tints of #684dfa

Tones of #684dfa

Color Blindness Simulator