#680fb4 hex color

In a RGB color space, hex #680fb4 is composed of 40.8% red, 5.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 42.2% cyan, 91.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 272.4 degrees, a saturation of 84.6% and a lightness of 38.2%. #680fb4 color hex could be obtained by blending #d01eff with #000069. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 41
- G 6
- B 71
RGB color chart
- C 42
- M 92
- Y 0
- K 29
CMYK color chart

● #680fb4 color description : Strong violet.

The hexadecimal color #680fb4 has RGB values of R:104, G:15, B:180 and CMYK values of C:0.42, M:0.92, Y:0, K:0.29. Its decimal value is 6819764.

Hex triplet	680fb4	`#680fb4`
RGB Decimal	104, 15, 180	`rgb(104,15,180)`
RGB Percent	40.8, 5.9, 70.6	`rgb(40.8%,5.9%,70.6%)`
CMYK	42, 92, 0, 29
HSL	272.4°, 84.6, 38.2	`hsl(272.4,84.6%,38.2%)`
HSV (or HSB)	272.4°, 91.7, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.831, 62.931, -66.788
XYZ	14.117, 6.58, 43.704
xyY	0.219, 0.102, 6.58
CIE-LCH	30.831, 91.765, 313.297
CIE-LUV	30.831, 13.486, -90.405
Hunter-Lab	25.652, 53.342, -83.059
Binary	01101000, 00001111, 10110100

#680fb4
```
#680fb4 rgb(104,15,180)
```
#5bb40f
```
#5bb40f rgb(91,180,15)
```

Complementary Color

#160fb4
```
#160fb4 rgb(22,15,180)
```
#680fb4
```
#680fb4 rgb(104,15,180)
```
#b40fae
```
#b40fae rgb(180,15,174)
```

Analogous Color

#0fb416
```
#0fb416 rgb(15,180,22)
```
#680fb4
```
#680fb4 rgb(104,15,180)
```
#aeb40f
```
#aeb40f rgb(174,180,15)
```

Split Complementary Color

#0fb468
```
#0fb468 rgb(15,180,104)
```
#680fb4
```
#680fb4 rgb(104,15,180)
```
#b4680f
```
#b4680f rgb(180,104,15)
```

Triadic Color

#0f5bb4
```
#0f5bb4 rgb(15,91,180)
```
#680fb4
```
#680fb4 rgb(104,15,180)
```
#b4680f
```
#b4680f rgb(180,104,15)
```
#5bb40f
```
#5bb40f rgb(91,180,15)
```

Tetradic Color

#3f096d
```
#3f096d rgb(63,9,109)
```
#4d0b85
```
#4d0b85 rgb(77,11,133)
```
#5a0d9c
```
#5a0d9c rgb(90,13,156)
```
#680fb4
```
#680fb4 rgb(104,15,180)
```
#7611cc
```
#7611cc rgb(118,17,204)
```
#8313e3
```
#8313e3 rgb(131,19,227)
```
#9023ed
```
#9023ed rgb(144,35,237)
```

Monochromatic Color

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

#3f0fb4
```
#3f0fb4 rgb(63,15,180)
```
#4d0fb4
```
#4d0fb4 rgb(77,15,180)
```
#5a0fb4
```
#5a0fb4 rgb(90,15,180)
```
#680fb4
```
#680fb4 rgb(104,15,180)
```
#760fb4
```
#760fb4 rgb(118,15,180)
```
#840fb4
```
#840fb4 rgb(132,15,180)
```
#910fb4
```
#910fb4 rgb(145,15,180)
```

Similar Colors

Text with hexadecimal color #680fb4

This text has a font color of #680fb4.

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

#680fb4 background color

This paragraph has a background color of #680fb4.

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

#680fb4 border color

This element has a border color of #680fb4.

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

CSS codes

.text {color:#680fb4;}

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

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

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, #0a0111 is the darkest color, while #fefeff is the lightest one.

#0a0111
```
#0a0111 rgb(10,1,17)
```
#140323
```
#140323 rgb(20,3,35)
```
#1f0435
```
#1f0435 rgb(31,4,53)
```
#290647
```
#290647 rgb(41,6,71)
```
#340759
```
#340759 rgb(52,7,89)
```
#3e096c
```
#3e096c rgb(62,9,108)
```
#490a7e
```
#490a7e rgb(73,10,126)
```
#530c90
```
#530c90 rgb(83,12,144)
```
#5e0da2
```
#5e0da2 rgb(94,13,162)
```
#680fb4
```
#680fb4 rgb(104,15,180)
```
#7211c6
```
#7211c6 rgb(114,17,198)
```
#7d12d8
```
#7d12d8 rgb(125,18,216)
```
#8714ea
```
#8714ea rgb(135,20,234)
```

Shade Color Variation

#9125ed
```
#9125ed rgb(145,37,237)
```
#9a37ee
```
#9a37ee rgb(154,55,238)
```
#a349f0
```
#a349f0 rgb(163,73,240)
```
#ac5bf1
```
#ac5bf1 rgb(172,91,241)
```
#b56df3
```
#b56df3 rgb(181,109,243)
```
#be7ff4
```
#be7ff4 rgb(190,127,244)
```
#c891f6
```
#c891f6 rgb(200,145,246)
```
#d1a3f7
```
#d1a3f7 rgb(209,163,247)
```
#dab6f9
```
#dab6f9 rgb(218,182,249)
```
#e3c8fa
```
#e3c8fa rgb(227,200,250)
```
#ecdafc
```
#ecdafc rgb(236,218,252)
```
#f5ecfd
```
#f5ecfd rgb(245,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #625a69 is the less saturated color, while #6900c3 is the most saturated one.

#625a69
```
#625a69 rgb(98,90,105)
```
#635371
```
#635371 rgb(99,83,113)
```
#634b78
```
#634b78 rgb(99,75,120)
```
#644480
```
#644480 rgb(100,68,128)
```
#643c87
```
#643c87 rgb(100,60,135)
```
#65358f
```
#65358f rgb(101,53,143)
```
#662d96
```
#662d96 rgb(102,45,150)
```
#66269e
```
#66269e rgb(102,38,158)
```
#671ea5
```
#671ea5 rgb(103,30,165)
```
#6717ad
```
#6717ad rgb(103,23,173)
```
#680fb4
```
#680fb4 rgb(104,15,180)
```
#6908bc
```
#6908bc rgb(105,8,188)
```
#6900c3
```
#6900c3 rgb(105,0,195)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#453354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005487 Deuteranopia 1% of men
#545056 Tritanopia 0.001% of the population

Trichromacy

#2538a4 Protanomaly 1% of men, 0.01% of women
#253b97 Deuteranomaly 6% of men, 0.4% of women
#5b3878 Tritanomaly 0.01% of the population

#680fb4 hex color

#680fb4 Color Information

#680fb4 Color Conversion

Color Schemes with #680fb4

Alternatives to #680fb4

#680fb4 Preview

Shades and Tints of #680fb4

Tones of #680fb4

Color Blindness Simulator