#680f9d hex color

In a RGB color space, hex #680f9d is composed of 40.8% red, 5.9% green and 61.6% blue. Whereas in a CMYK color space, it is composed of 33.8% cyan, 90.4% magenta, 0% yellow and 38.4% black. It has a hue angle of 277.6 degrees, a saturation of 82.6% and a lightness of 33.7%. #680f9d color hex could be obtained by blending #d01eff with #00003b. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 41
- G 6
- B 62
RGB color chart
- C 34
- M 90
- Y 0
- K 38
CMYK color chart

● #680f9d color description : Dark violet.

The hexadecimal color #680f9d has RGB values of R:104, G:15, B:157 and CMYK values of C:0.34, M:0.9, Y:0, K:0.38. Its decimal value is 6819741.

Hex triplet	680f9d	`#680f9d`
RGB Decimal	104, 15, 157	`rgb(104,15,157)`
RGB Percent	40.8, 5.9, 61.6	`rgb(40.8%,5.9%,61.6%)`
CMYK	34, 90, 0, 38
HSL	277.6°, 82.6, 33.7	`hsl(277.6,82.6%,33.7%)`
HSV (or HSB)	277.6°, 90.4, 61.6
Web Safe	660099	`#660099`

CIE-LAB	28.693, 57.944, -56.426
XYZ	11.965, 5.719, 32.37
xyY	0.239, 0.114, 5.719
CIE-LCH	28.693, 80.879, 315.761
CIE-LUV	28.693, 17.815, -76.163
Hunter-Lab	23.915, 47.452, -63.511
Binary	01101000, 00001111, 10011101

#680f9d
```
#680f9d rgb(104,15,157)
```
#449d0f
```
#449d0f rgb(68,157,15)
```

Complementary Color

#210f9d
```
#210f9d rgb(33,15,157)
```
#680f9d
```
#680f9d rgb(104,15,157)
```
#9d0f8b
```
#9d0f8b rgb(157,15,139)
```

Analogous Color

#0f9d21
```
#0f9d21 rgb(15,157,33)
```
#680f9d
```
#680f9d rgb(104,15,157)
```
#8b9d0f
```
#8b9d0f rgb(139,157,15)
```

Split Complementary Color

#0f9d68
```
#0f9d68 rgb(15,157,104)
```
#680f9d
```
#680f9d rgb(104,15,157)
```
#9d680f
```
#9d680f rgb(157,104,15)
```

Triadic Color

#0f449d
```
#0f449d rgb(15,68,157)
```
#680f9d
```
#680f9d rgb(104,15,157)
```
#9d680f
```
#9d680f rgb(157,104,15)
```
#449d0f
```
#449d0f rgb(68,157,15)
```

Tetradic Color

#3a0857
```
#3a0857 rgb(58,8,87)
```
#490b6e
```
#490b6e rgb(73,11,110)
```
#590d86
```
#590d86 rgb(89,13,134)
```
#680f9d
```
#680f9d rgb(104,15,157)
```
#7711b4
```
#7711b4 rgb(119,17,180)
```
#8713cc
```
#8713cc rgb(135,19,204)
```
#9616e3
```
#9616e3 rgb(150,22,227)
```

Monochromatic Color

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

#450f9d
```
#450f9d rgb(69,15,157)
```
#500f9d
```
#500f9d rgb(80,15,157)
```
#5c0f9d
```
#5c0f9d rgb(92,15,157)
```
#680f9d
```
#680f9d rgb(104,15,157)
```
#740f9d
```
#740f9d rgb(116,15,157)
```
#800f9d
```
#800f9d rgb(128,15,157)
```
#8c0f9d
```
#8c0f9d rgb(140,15,157)
```

Similar Colors

Text with hexadecimal color #680f9d

This text has a font color of #680f9d.

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

#680f9d background color

This paragraph has a background color of #680f9d.

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

#680f9d border color

This element has a border color of #680f9d.

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

CSS codes

.text {color:#680f9d;}

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

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

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

#09010e
```
#09010e rgb(9,1,14)
```
#150320
```
#150320 rgb(21,3,32)
```
#210532
```
#210532 rgb(33,5,50)
```
#2d0643
```
#2d0643 rgb(45,6,67)
```
#390855
```
#390855 rgb(57,8,85)
```
#440a67
```
#440a67 rgb(68,10,103)
```
#500c79
```
#500c79 rgb(80,12,121)
```
#5c0d8b
```
#5c0d8b rgb(92,13,139)
```
#680f9d
```
#680f9d rgb(104,15,157)
```
#7411af
```
#7411af rgb(116,17,175)
```
#8012c1
```
#8012c1 rgb(128,18,193)
```
#8c14d3
```
#8c14d3 rgb(140,20,211)
```
#9716e5
```
#9716e5 rgb(151,22,229)
```

Shade Color Variation

#a024ea
```
#a024ea rgb(160,36,234)
```
#a836ec
```
#a836ec rgb(168,54,236)
```
#b048ed
```
#b048ed rgb(176,72,237)
```
#b75aef
```
#b75aef rgb(183,90,239)
```
#bf6cf1
```
#bf6cf1 rgb(191,108,241)
```
#c77ef3
```
#c77ef3 rgb(199,126,243)
```
#cf8ff4
```
#cf8ff4 rgb(207,143,244)
```
#d6a1f6
```
#d6a1f6 rgb(214,161,246)
```
#deb3f8
```
#deb3f8 rgb(222,179,248)
```
#e6c5f9
```
#e6c5f9 rgb(230,197,249)
```
#eed7fb
```
#eed7fb rgb(238,215,251)
```
#f5e9fd
```
#f5e9fd rgb(245,233,253)
```
#fdfbff
```
#fdfbff rgb(253,251,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #57515b is the less saturated color, while #6b02aa is the most saturated one.

#57515b
```
#57515b rgb(87,81,91)
```
#594b61
```
#594b61 rgb(89,75,97)
```
#5b4468
```
#5b4468 rgb(91,68,104)
```
#5c3d6f
```
#5c3d6f rgb(92,61,111)
```
#5e3775
```
#5e3775 rgb(94,55,117)
```
#60307c
```
#60307c rgb(96,48,124)
```
#612983
```
#612983 rgb(97,41,131)
```
#632389
```
#632389 rgb(99,35,137)
```
#651c90
```
#651c90 rgb(101,28,144)
```
#661696
```
#661696 rgb(102,22,150)
```
#680f9d
```
#680f9d rgb(104,15,157)
```
#6a08a4
```
#6a08a4 rgb(106,8,164)
```
#6b02aa
```
#6b02aa rgb(107,2,170)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#43314e Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b92 Protanopia 1% of men
#004f80 Deuteranopia 1% of men
#5d474c Tritanopia 0.001% of the population

Trichromacy

#253596 Protanomaly 1% of men, 0.01% of women
#25378a Deuteranomaly 6% of men, 0.4% of women
#613369 Tritanomaly 0.01% of the population

#680f9d hex color

#680f9d Color Information

#680f9d Color Conversion

Color Schemes with #680f9d

Alternatives to #680f9d

#680f9d Preview

Shades and Tints of #680f9d

Tones of #680f9d

Color Blindness Simulator