#680ba7 hex color

In a RGB color space, hex #680ba7 is composed of 40.8% red, 4.3% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 37.7% cyan, 93.4% magenta, 0% yellow and 34.5% black. It has a hue angle of 275.8 degrees, a saturation of 87.6% and a lightness of 34.9%. #680ba7 color hex could be obtained by blending #d016ff with #00004f. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 41
- G 4
- B 65
RGB color chart
- C 38
- M 93
- Y 0
- K 35
CMYK color chart

● #680ba7 color description : Dark violet.

The hexadecimal color #680ba7 has RGB values of R:104, G:11, B:167 and CMYK values of C:0.38, M:0.93, Y:0, K:0.35. Its decimal value is 6818727.

Hex triplet	680ba7	`#680ba7`
RGB Decimal	104, 11, 167	`rgb(104,11,167)`
RGB Percent	40.8, 4.3, 65.5	`rgb(40.8%,4.3%,65.5%)`
CMYK	38, 93, 0, 35
HSL	275.8°, 87.6, 34.9	`hsl(275.8,87.6%,34.9%)`
HSV (or HSB)	275.8°, 93.4, 65.5
Web Safe	660099	`#660099`

CIE-LAB	29.343, 60.859, -61.432
XYZ	12.803, 5.973, 37.035
xyY	0.229, 0.107, 5.973
CIE-LCH	29.343, 86.474, 314.732
CIE-LUV	29.343, 16.03, -82.61
Hunter-Lab	24.439, 50.741, -72.742
Binary	01101000, 00001011, 10100111

#680ba7
```
#680ba7 rgb(104,11,167)
```
#4aa70b
```
#4aa70b rgb(74,167,11)
```

Complementary Color

#1a0ba7
```
#1a0ba7 rgb(26,11,167)
```
#680ba7
```
#680ba7 rgb(104,11,167)
```
#a70b98
```
#a70b98 rgb(167,11,152)
```

Analogous Color

#0ba71a
```
#0ba71a rgb(11,167,26)
```
#680ba7
```
#680ba7 rgb(104,11,167)
```
#98a70b
```
#98a70b rgb(152,167,11)
```

Split Complementary Color

#0ba768
```
#0ba768 rgb(11,167,104)
```
#680ba7
```
#680ba7 rgb(104,11,167)
```
#a7680b
```
#a7680b rgb(167,104,11)
```

Triadic Color

#0b4aa7
```
#0b4aa7 rgb(11,74,167)
```
#680ba7
```
#680ba7 rgb(104,11,167)
```
#a7680b
```
#a7680b rgb(167,104,11)
```
#4aa70b
```
#4aa70b rgb(74,167,11)
```

Tetradic Color

#3b065f
```
#3b065f rgb(59,6,95)
```
#4a0877
```
#4a0877 rgb(74,8,119)
```
#59098f
```
#59098f rgb(89,9,143)
```
#680ba7
```
#680ba7 rgb(104,11,167)
```
#770dbf
```
#770dbf rgb(119,13,191)
```
#860ed7
```
#860ed7 rgb(134,14,215)
```
#9510ef
```
#9510ef rgb(149,16,239)
```

Monochromatic Color

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

#410ba7
```
#410ba7 rgb(65,11,167)
```
#4e0ba7
```
#4e0ba7 rgb(78,11,167)
```
#5b0ba7
```
#5b0ba7 rgb(91,11,167)
```
#680ba7
```
#680ba7 rgb(104,11,167)
```
#750ba7
```
#750ba7 rgb(117,11,167)
```
#820ba7
```
#820ba7 rgb(130,11,167)
```
#8f0ba7
```
#8f0ba7 rgb(143,11,167)
```

Similar Colors

Text with hexadecimal color #680ba7

This text has a font color of #680ba7.

<span style="color:#680ba7;">Text here</span>

#680ba7 background color

This paragraph has a background color of #680ba7.

<p style="background-color:#680ba7;">Content here</p>

#680ba7 border color

This element has a border color of #680ba7.

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

CSS codes

.text {color:#680ba7;}

.background {background-color:#680ba7;}

.border {border:1px solid #680ba7;}

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

#010001
```
#010001 rgb(1,0,1)
```
#0c0114
```
#0c0114 rgb(12,1,20)
```
#180326
```
#180326 rgb(24,3,38)
```
#230439
```
#230439 rgb(35,4,57)
```
#2f054b
```
#2f054b rgb(47,5,75)
```
#3a065d
```
#3a065d rgb(58,6,93)
```
#460770
```
#460770 rgb(70,7,112)
```
#510982
```
#510982 rgb(81,9,130)
```
#5d0a95
```
#5d0a95 rgb(93,10,149)
```
#680ba7
```
#680ba7 rgb(104,11,167)
```
#730cb9
```
#730cb9 rgb(115,12,185)
```
#7f0dcc
```
#7f0dcc rgb(127,13,204)
```
#8a0fde
```
#8a0fde rgb(138,15,222)
```

Shade Color Variation

#9611ef
```
#9611ef rgb(150,17,239)
```
#9e24f1
```
#9e24f1 rgb(158,36,241)
```
#a636f2
```
#a636f2 rgb(166,54,242)
```
#ae48f3
```
#ae48f3 rgb(174,72,243)
```
#b65bf4
```
#b65bf4 rgb(182,91,244)
```
#be6df5
```
#be6df5 rgb(190,109,245)
```
#c780f7
```
#c780f7 rgb(199,128,247)
```
#cf92f8
```
#cf92f8 rgb(207,146,248)
```
#d7a4f9
```
#d7a4f9 rgb(215,164,249)
```
#dfb7fa
```
#dfb7fa rgb(223,183,250)
```
#e7c9fb
```
#e7c9fb rgb(231,201,251)
```
#efdcfd
```
#efdcfd rgb(239,220,253)
```
#f7eefe
```
#f7eefe rgb(247,238,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #5a565c is the less saturated color, while #6904ae is the most saturated one.

#5a565c
```
#5a565c rgb(90,86,92)
```
#5b4f63
```
#5b4f63 rgb(91,79,99)
```
#5c4969
```
#5c4969 rgb(92,73,105)
```
#5d4270
```
#5d4270 rgb(93,66,112)
```
#5f3b77
```
#5f3b77 rgb(95,59,119)
```
#60347e
```
#60347e rgb(96,52,126)
```
#612d85
```
#612d85 rgb(97,45,133)
```
#63268c
```
#63268c rgb(99,38,140)
```
#642092
```
#642092 rgb(100,32,146)
```
#651999
```
#651999 rgb(101,25,153)
```
#6712a0
```
#6712a0 rgb(103,18,160)
```
#680ba7
```
#680ba7 rgb(104,11,167)
```
#6904ae
```
#6904ae rgb(105,4,174)
```

Tone Color Variation

Below, you can see how #680ba7 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

#393939 Achromatopsia 0.005% of the population
#42304f Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005082 Deuteranopia 1% of men
#594a50 Tritanopia 0.001% of the population

Trichromacy

#25349b Protanomaly 1% of men, 0.01% of women
#25378f Deuteranomaly 6% of men, 0.4% of women
#5e336f Tritanomaly 0.01% of the population

#680ba7 hex color

#680ba7 Color Information

#680ba7 Color Conversion

Color Schemes with #680ba7

Alternatives to #680ba7

#680ba7 Preview

Shades and Tints of #680ba7

Tones of #680ba7

Color Blindness Simulator