#684bc7 hex color

In a RGB color space, hex #684bc7 is composed of 40.8% red, 29.4% green and 78% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 62.3% magenta, 0% yellow and 22% black. It has a hue angle of 254 degrees, a saturation of 52.5% and a lightness of 53.7%. #684bc7 color hex could be obtained by blending #d096ff with #00008f. Closest websafe color is: #6633cc.

♥
- f
- t
- g
- R 41
- G 29
- B 78
RGB color chart
- C 48
- M 62
- Y 0
- K 22
CMYK color chart

● #684bc7 color description : Moderate blue.

The hexadecimal color #684bc7 has RGB values of R:104, G:75, B:199 and CMYK values of C:0.48, M:0.62, Y:0, K:0.22. Its decimal value is 6835143.

Hex triplet	684bc7	`#684bc7`
RGB Decimal	104, 75, 199	`rgb(104,75,199)`
RGB Percent	40.8, 29.4, 78	`rgb(40.8%,29.4%,78%)`
CMYK	48, 62, 0, 22
HSL	254°, 52.5, 53.7	`hsl(254,52.5%,53.7%)`
HSV (or HSB)	254°, 62.3, 78
Web Safe	6633cc	`#6633cc`

CIE-LAB	41.372, 42.639, -60.738
XYZ	18.532, 12.098, 55.388
xyY	0.215, 0.141, 12.098
CIE-LCH	41.372, 74.211, 305.07
CIE-LUV	41.372, 2.474, -91.957
Hunter-Lab	34.783, 34.233, -70.066
Binary	01101000, 01001011, 11000111

#684bc7
```
#684bc7 rgb(104,75,199)
```
#aac74b
```
#aac74b rgb(170,199,75)
```

Complementary Color

#4b6cc7
```
#4b6cc7 rgb(75,108,199)
```
#684bc7
```
#684bc7 rgb(104,75,199)
```
#a64bc7
```
#a64bc7 rgb(166,75,199)
```

Analogous Color

#6cc74b
```
#6cc74b rgb(108,199,75)
```
#684bc7
```
#684bc7 rgb(104,75,199)
```
#c7a64b
```
#c7a64b rgb(199,166,75)
```

Split Complementary Color

#4bc768
```
#4bc768 rgb(75,199,104)
```
#684bc7
```
#684bc7 rgb(104,75,199)
```
#c7684b
```
#c7684b rgb(199,104,75)
```

Triadic Color

#4baac7
```
#4baac7 rgb(75,170,199)
```
#684bc7
```
#684bc7 rgb(104,75,199)
```
#c7684b
```
#c7684b rgb(199,104,75)
```
#aac74b
```
#aac74b rgb(170,199,75)
```

Tetradic Color

#472f97
```
#472f97 rgb(71,47,151)
```
#5035aa
```
#5035aa rgb(80,53,170)
```
#5a3bbe
```
#5a3bbe rgb(90,59,190)
```
#684bc7
```
#684bc7 rgb(104,75,199)
```
#785ecd
```
#785ecd rgb(120,94,205)
```
#8972d3
```
#8972d3 rgb(137,114,211)
```
#9985d9
```
#9985d9 rgb(153,133,217)
```

Monochromatic Color

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

#4b4dc7
```
#4b4dc7 rgb(75,77,199)
```
#534bc7
```
#534bc7 rgb(83,75,199)
```
#5e4bc7
```
#5e4bc7 rgb(94,75,199)
```
#684bc7
```
#684bc7 rgb(104,75,199)
```
#724bc7
```
#724bc7 rgb(114,75,199)
```
#7d4bc7
```
#7d4bc7 rgb(125,75,199)
```
#874bc7
```
#874bc7 rgb(135,75,199)
```

Similar Colors

Text with hexadecimal color #684bc7

This text has a font color of #684bc7.

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

#684bc7 background color

This paragraph has a background color of #684bc7.

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

#684bc7 border color

This element has a border color of #684bc7.

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

CSS codes

.text {color:#684bc7;}

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

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

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

#07050e
```
#07050e rgb(7,5,14)
```
#0e091d
```
#0e091d rgb(14,9,29)
```
#150e2c
```
#150e2c rgb(21,14,44)
```
#1c123b
```
#1c123b rgb(28,18,59)
```
#23174a
```
#23174a rgb(35,23,74)
```
#2a1c59
```
#2a1c59 rgb(42,28,89)
```
#312068
```
#312068 rgb(49,32,104)
```
#382577
```
#382577 rgb(56,37,119)
```
#3f2a86
```
#3f2a86 rgb(63,42,134)
```
#462e95
```
#462e95 rgb(70,46,149)
```
#4d33a4
```
#4d33a4 rgb(77,51,164)
```
#5538b3
```
#5538b3 rgb(85,56,179)
```
#5c3cc2
```
#5c3cc2 rgb(92,60,194)
```

Shade Color Variation

#684bc7
```
#684bc7 rgb(104,75,199)
```
#755acc
```
#755acc rgb(117,90,204)
```
#8169d0
```
#8169d0 rgb(129,105,208)
```
#8e78d5
```
#8e78d5 rgb(142,120,213)
```
#9a87da
```
#9a87da rgb(154,135,218)
```
#a796de
```
#a796de rgb(167,150,222)
```
#b3a5e3
```
#b3a5e3 rgb(179,165,227)
```
#c0b4e8
```
#c0b4e8 rgb(192,180,232)
```
#ccc3ec
```
#ccc3ec rgb(204,195,236)
```
#d9d2f1
```
#d9d2f1 rgb(217,210,241)
```
#e6e1f6
```
#e6e1f6 rgb(230,225,246)
```
#f2f0fa
```
#f2f0fa rgb(242,240,250)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#858191
```
#858191 rgb(133,129,145)
```
#80789a
```
#80789a rgb(128,120,154)
```
#7b6fa3
```
#7b6fa3 rgb(123,111,163)
```
#7666ac
```
#7666ac rgb(118,102,172)
```
#725db5
```
#725db5 rgb(114,93,181)
```
#6d54be
```
#6d54be rgb(109,84,190)
```
#684bc7
```
#684bc7 rgb(104,75,199)
```
#6342d0
```
#6342d0 rgb(99,66,208)
```
#5e39d9
```
#5e39d9 rgb(94,57,217)
```
#5a30e2
```
#5a30e2 rgb(90,48,226)
```
#5527eb
```
#5527eb rgb(85,39,235)
```
#501ef4
```
#501ef4 rgb(80,30,244)
```
#4b15fd
```
#4b15fd rgb(75,21,253)
```

Tone Color Variation

Below, you can see how #684bc7 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
#635d76 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0066c8 Protanopia 1% of men
#006bb1 Deuteranopia 1% of men
#526e76 Tritanopia 0.001% of the population

Trichromacy

#255cc8 Protanomaly 1% of men, 0.01% of women
#255fb9 Deuteranomaly 6% of men, 0.4% of women
#5a6193 Tritanomaly 0.01% of the population

#684bc7 hex color

#684bc7 Color Information

#684bc7 Color Conversion

Color Schemes with #684bc7

Alternatives to #684bc7

#684bc7 Preview

Shades and Tints of #684bc7

Tones of #684bc7

Color Blindness Simulator