colorhexa.com

#684fb4 hex color

In a RGB color space, hex #684fb4 is composed of 40.8% red, 31% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 56.1% magenta, 0% yellow and 29.4% black. It has a hue angle of 254.9 degrees, a saturation of 40.2% and a lightness of 50.8%. #684fb4 color hex could be obtained by blending #d09eff with #000069. Closest websafe color is: #6666cc.

- R 41
- G 31
- B 71
RGB color chart
- C 42
- M 56
- Y 0
- K 29
CMYK color chart

● #684fb4 color description : Moderate blue.

The hexadecimal color #684fb4 has RGB values of R:104, G:79, B:180 and CMYK values of C:0.42, M:0.56, Y:0, K:0.29. Its decimal value is 6836148.

Hex triplet	684fb4	`#684fb4`
RGB Decimal	104, 79, 180	`rgb(104,79,180)`
RGB Percent	40.8, 31, 70.6	`rgb(40.8%,31%,70.6%)`
CMYK	42, 56, 0, 29
HSL	254.9°, 40.2, 50.8	`hsl(254.9,40.2%,50.8%)`
HSV (or HSB)	254.9°, 56.1, 70.6
Web Safe	6666cc	`#6666cc`

CIE-LAB	40.945, 34.827, -50.328
XYZ	16.742, 11.83, 44.579
xyY	0.229, 0.162, 11.83
CIE-LCH	40.945, 61.203, 304.683
CIE-LUV	40.945, 3.391, -76.468
Hunter-Lab	34.395, 26.693, -52.769
Binary	01101000, 01001111, 10110100

#684fb4
```
#684fb4 rgb(104,79,180)
```
#9bb44f
```
#9bb44f rgb(155,180,79)
```

Complementary Color

#4f69b4
```
#4f69b4 rgb(79,105,180)
```
#684fb4
```
#684fb4 rgb(104,79,180)
```
#9b4fb4
```
#9b4fb4 rgb(155,79,180)
```

Analogous Color

#69b44f
```
#69b44f rgb(105,180,79)
```
#684fb4
```
#684fb4 rgb(104,79,180)
```
#b49b4f
```
#b49b4f rgb(180,155,79)
```

Split Complementary Color

#4fb468
```
#4fb468 rgb(79,180,104)
```
#684fb4
```
#684fb4 rgb(104,79,180)
```
#b4684f
```
#b4684f rgb(180,104,79)
```

Triadic Color

#4f9bb4
```
#4f9bb4 rgb(79,155,180)
```
#684fb4
```
#684fb4 rgb(104,79,180)
```
#b4684f
```
#b4684f rgb(180,104,79)
```
#9bb44f
```
#9bb44f rgb(155,180,79)
```

Tetradic Color

#493780
```
#493780 rgb(73,55,128)
```
#533e92
```
#533e92 rgb(83,62,146)
```
#5d46a4
```
#5d46a4 rgb(93,70,164)
```
#684fb4
```
#684fb4 rgb(104,79,180)
```
#7761bc
```
#7761bc rgb(119,97,188)
```
#8773c3
```
#8773c3 rgb(135,115,195)
```
#9685cb
```
#9685cb rgb(150,133,203)
```

Monochromatic Color

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

#4f4fb4
```
#4f4fb4 rgb(79,79,180)
```
#574fb4
```
#574fb4 rgb(87,79,180)
```
#604fb4
```
#604fb4 rgb(96,79,180)
```
#684fb4
```
#684fb4 rgb(104,79,180)
```
#704fb4
```
#704fb4 rgb(112,79,180)
```
#794fb4
```
#794fb4 rgb(121,79,180)
```
#814fb4
```
#814fb4 rgb(129,79,180)
```

Similar Colors

Text with hexadecimal color #684fb4

This text has a font color of #684fb4.

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

#684fb4 background color

This paragraph has a background color of #684fb4.

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

#684fb4 border color

This element has a border color of #684fb4.

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

CSS codes

.text {color:#684fb4;}

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

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

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

#020103
```
#020103 rgb(2,1,3)
```
#090711
```
#090711 rgb(9,7,17)
```
#110d1e
```
#110d1e rgb(17,13,30)
```
#19132c
```
#19132c rgb(25,19,44)
```
#21193a
```
#21193a rgb(33,25,58)
```
#291f48
```
#291f48 rgb(41,31,72)
```
#302455
```
#302455 rgb(48,36,85)
```
#382a63
```
#382a63 rgb(56,42,99)
```
#403071
```
#403071 rgb(64,48,113)
```
#48367f
```
#48367f rgb(72,54,127)
```
#503c8c
```
#503c8c rgb(80,60,140)
```
#58429a
```
#58429a rgb(88,66,154)
```
#5f48a8
```
#5f48a8 rgb(95,72,168)
```

Shade Color Variation

#684fb4
```
#684fb4 rgb(104,79,180)
```
#745dba
```
#745dba rgb(116,93,186)
```
#806bc0
```
#806bc0 rgb(128,107,192)
```
#8b78c6
```
#8b78c6 rgb(139,120,198)
```
#9786cb
```
#9786cb rgb(151,134,203)
```
#a394d1
```
#a394d1 rgb(163,148,209)
```
#afa2d7
```
#afa2d7 rgb(175,162,215)
```
#bbafdd
```
#bbafdd rgb(187,175,221)
```
#c6bde3
```
#c6bde3 rgb(198,189,227)
```
#d2cbe9
```
#d2cbe9 rgb(210,203,233)
```
#ded9ef
```
#ded9ef rgb(222,217,239)
```
#eae6f4
```
#eae6f4 rgb(234,230,244)
```
#f6f4fa
```
#f6f4fa rgb(246,244,250)
```

Tint Color Variation

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

#807f84
```
#807f84 rgb(128,127,132)
```
#7b768d
```
#7b768d rgb(123,118,141)
```
#776c97
```
#776c97 rgb(119,108,151)
```
#7262a1
```
#7262a1 rgb(114,98,161)
```
#6d59aa
```
#6d59aa rgb(109,89,170)
```
#684fb4
```
#684fb4 rgb(104,79,180)
```
#6345be
```
#6345be rgb(99,69,190)
```
#5e3cc7
```
#5e3cc7 rgb(94,60,199)
```
#5932d1
```
#5932d1 rgb(89,50,209)
```
#5528db
```
#5528db rgb(85,40,219)
```
#501fe4
```
#501fe4 rgb(80,31,228)
```
#4b15ee
```
#4b15ee rgb(75,21,238)
```
#460bf8
```
#460bf8 rgb(70,11,248)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#635e72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#1e65c3 Protanopia 1% of men
#156ab0 Deuteranopia 1% of men
#5a6b73 Tritanopia 0.001% of the population

Trichromacy

#395dbe Protanomaly 1% of men, 0.01% of women
#3360b1 Deuteranomaly 6% of men, 0.4% of women
#5f618a Tritanomaly 0.01% of the population