#684bf8 hex color

In a RGB color space, hex #684bf8 is composed of 40.8% red, 29.4% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 69.8% magenta, 0% yellow and 2.7% black. It has a hue angle of 250.1 degrees, a saturation of 92.5% and a lightness of 63.3%. #684bf8 color hex could be obtained by blending #d096ff with #0000f1. Closest websafe color is: #6633ff.

♥
- f
- t
- g
- R 41
- G 29
- B 97
RGB color chart
- C 58
- M 70
- Y 0
- K 3
CMYK color chart

● #684bf8 color description : Soft blue.

The hexadecimal color #684bf8 has RGB values of R:104, G:75, B:248 and CMYK values of C:0.58, M:0.7, Y:0, K:0.03. Its decimal value is 6835192.

Hex triplet	684bf8	`#684bf8`
RGB Decimal	104, 75, 248	`rgb(104,75,248)`
RGB Percent	40.8, 29.4, 97.3	`rgb(40.8%,29.4%,97.3%)`
CMYK	58, 70, 0, 3
HSL	250.1°, 92.5, 63.3	`hsl(250.1,92.5%,63.3%)`
HSV (or HSB)	250.1°, 69.8, 97.3
Web Safe	6633ff	`#6633ff`

CIE-LAB	45.292, 56.872, -82.245
XYZ	25.165, 14.752, 90.323
xyY	0.193, 0.113, 14.752
CIE-LCH	45.292, 99.994, 304.664
CIE-LUV	45.292, -1.939, -124.673
Hunter-Lab	38.408, 49.741, -112.546
Binary	01101000, 01001011, 11111000

#684bf8
```
#684bf8 rgb(104,75,248)
```
#dbf84b
```
#dbf84b rgb(219,248,75)
```

Complementary Color

#4b85f8
```
#4b85f8 rgb(75,133,248)
```
#684bf8
```
#684bf8 rgb(104,75,248)
```
#bf4bf8
```
#bf4bf8 rgb(191,75,248)
```

Analogous Color

#85f84b
```
#85f84b rgb(133,248,75)
```
#684bf8
```
#684bf8 rgb(104,75,248)
```
#f8bf4b
```
#f8bf4b rgb(248,191,75)
```

Split Complementary Color

#4bf868
```
#4bf868 rgb(75,248,104)
```
#684bf8
```
#684bf8 rgb(104,75,248)
```
#f8684b
```
#f8684b rgb(248,104,75)
```

Triadic Color

#4bdbf8
```
#4bdbf8 rgb(75,219,248)
```
#684bf8
```
#684bf8 rgb(104,75,248)
```
#f8684b
```
#f8684b rgb(248,104,75)
```
#dbf84b
```
#dbf84b rgb(219,248,75)
```

Tetradic Color

#2f09ed
```
#2f09ed rgb(47,9,237)
```
#3f1af6
```
#3f1af6 rgb(63,26,246)
```
#5332f7
```
#5332f7 rgb(83,50,247)
```
#684bf8
```
#684bf8 rgb(104,75,248)
```
#7d64f9
```
#7d64f9 rgb(125,100,249)
```
#917cfa
```
#917cfa rgb(145,124,250)
```
#a695fb
```
#a695fb rgb(166,149,251)
```

Monochromatic Color

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

#4b59f8
```
#4b59f8 rgb(75,89,248)
```
#4b4bf8
```
#4b4bf8 rgb(75,75,248)
```
#5a4bf8
```
#5a4bf8 rgb(90,75,248)
```
#684bf8
```
#684bf8 rgb(104,75,248)
```
#764bf8
```
#764bf8 rgb(118,75,248)
```
#854bf8
```
#854bf8 rgb(133,75,248)
```
#934bf8
```
#934bf8 rgb(147,75,248)
```

Similar Colors

Text with hexadecimal color #684bf8

This text has a font color of #684bf8.

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

#684bf8 background color

This paragraph has a background color of #684bf8.

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

#684bf8 border color

This element has a border color of #684bf8.

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

CSS codes

.text {color:#684bf8;}

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

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

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

#020009
```
#020009 rgb(2,0,9)
```
#06011c
```
#06011c rgb(6,1,28)
```
#09022f
```
#09022f rgb(9,2,47)
```
#0d0341
```
#0d0341 rgb(13,3,65)
```
#110354
```
#110354 rgb(17,3,84)
```
#150467
```
#150467 rgb(21,4,103)
```
#18057a
```
#18057a rgb(24,5,122)
```
#1c058d
```
#1c058d rgb(28,5,141)
```
#2006a0
```
#2006a0 rgb(32,6,160)
```
#2407b3
```
#2407b3 rgb(36,7,179)
```
#2808c6
```
#2808c6 rgb(40,8,198)
```
#2b08d9
```
#2b08d9 rgb(43,8,217)
```
#2f09eb
```
#2f09eb rgb(47,9,235)
```

Shade Color Variation

#3812f6
```
#3812f6 rgb(56,18,246)
```
#4825f7
```
#4825f7 rgb(72,37,247)
```
#5838f7
```
#5838f7 rgb(88,56,247)
```
#684bf8
```
#684bf8 rgb(104,75,248)
```
#785ef9
```
#785ef9 rgb(120,94,249)
```
#8871f9
```
#8871f9 rgb(136,113,249)
```
#9884fa
```
#9884fa rgb(152,132,250)
```
#a797fb
```
#a797fb rgb(167,151,251)
```
#b7a9fc
```
#b7a9fc rgb(183,169,252)
```
#c7bcfc
```
#c7bcfc rgb(199,188,252)
```
#d7cffd
```
#d7cffd rgb(215,207,253)
```
#e7e2fe
```
#e7e2fe rgb(231,226,254)
```
#f7f5ff
```
#f7f5ff rgb(247,245,255)
```

Tint Color Variation

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

#a1a1a2
```
#a1a1a2 rgb(161,161,162)
```
#9d9aa9
```
#9d9aa9 rgb(157,154,169)
```
#9893b0
```
#9893b0 rgb(152,147,176)
```
#938cb7
```
#938cb7 rgb(147,140,183)
```
#8e85be
```
#8e85be rgb(142,133,190)
```
#897dc6
```
#897dc6 rgb(137,125,198)
```
#8576cd
```
#8576cd rgb(133,118,205)
```
#806fd4
```
#806fd4 rgb(128,111,212)
```
#7b68db
```
#7b68db rgb(123,104,219)
```
#7661e2
```
#7661e2 rgb(118,97,226)
```
#7259ea
```
#7259ea rgb(114,89,234)
```
#6d52f1
```
#6d52f1 rgb(109,82,241)
```
#684bf8
```
#684bf8 rgb(104,75,248)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#676184 Atypical Achromatopsia 0.001% of the population

Dichromacy

#006fd9 Protanopia 1% of men
#0075bd Deuteranopia 1% of men
#277d86 Tritanopia 0.001% of the population

Trichromacy

#2562e4 Protanomaly 1% of men, 0.01% of women
#2566d2 Deuteranomaly 6% of men, 0.4% of women
#3e6aaf Tritanomaly 0.01% of the population

#684bf8 hex color

#684bf8 Color Information

#684bf8 Color Conversion

Color Schemes with #684bf8

Alternatives to #684bf8

#684bf8 Preview

Shades and Tints of #684bf8

Tones of #684bf8

Color Blindness Simulator