#670aa5 hex color

In a RGB color space, hex #670aa5 is composed of 40.4% red, 3.9% green and 64.7% blue. Whereas in a CMYK color space, it is composed of 37.6% cyan, 93.9% magenta, 0% yellow and 35.3% black. It has a hue angle of 276 degrees, a saturation of 88.6% and a lightness of 34.3%. #670aa5 color hex could be obtained by blending #ce14ff with #00004b. Closest websafe color is: #660099.

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

● #670aa5 color description : Dark violet.

The hexadecimal color #670aa5 has RGB values of R:103, G:10, B:165 and CMYK values of C:0.38, M:0.94, Y:0, K:0.35. Its decimal value is 6752933.

Hex triplet	670aa5	`#670aa5`
RGB Decimal	103, 10, 165	`rgb(103,10,165)`
RGB Percent	40.4, 3.9, 64.7	`rgb(40.4%,3.9%,64.7%)`
CMYK	38, 94, 0, 35
HSL	276°, 88.6, 34.3	`hsl(276,88.6%,34.3%)`
HSV (or HSB)	276°, 93.9, 64.7
Web Safe	660099	`#660099`

CIE-LAB	28.947, 60.481, -60.878
XYZ	12.493, 5.817, 36.06
xyY	0.23, 0.107, 5.817
CIE-LCH	28.947, 85.814, 314.813
CIE-LUV	28.947, 15.985, -81.487
Hunter-Lab	24.119, 50.244, -71.759
Binary	01100111, 00001010, 10100101

#670aa5
```
#670aa5 rgb(103,10,165)
```
#48a50a
```
#48a50a rgb(72,165,10)
```

Complementary Color

#190aa5
```
#190aa5 rgb(25,10,165)
```
#670aa5
```
#670aa5 rgb(103,10,165)
```
#a50a96
```
#a50a96 rgb(165,10,150)
```

Analogous Color

#0aa519
```
#0aa519 rgb(10,165,25)
```
#670aa5
```
#670aa5 rgb(103,10,165)
```
#96a50a
```
#96a50a rgb(150,165,10)
```

Split Complementary Color

#0aa567
```
#0aa567 rgb(10,165,103)
```
#670aa5
```
#670aa5 rgb(103,10,165)
```
#a5670a
```
#a5670a rgb(165,103,10)
```

Triadic Color

#0a48a5
```
#0a48a5 rgb(10,72,165)
```
#670aa5
```
#670aa5 rgb(103,10,165)
```
#a5670a
```
#a5670a rgb(165,103,10)
```
#48a50a
```
#48a50a rgb(72,165,10)
```

Tetradic Color

#3a065d
```
#3a065d rgb(58,6,93)
```
#490775
```
#490775 rgb(73,7,117)
```
#58098d
```
#58098d rgb(88,9,141)
```
#670aa5
```
#670aa5 rgb(103,10,165)
```
#760bbd
```
#760bbd rgb(118,11,189)
```
#850dd5
```
#850dd5 rgb(133,13,213)
```
#940eed
```
#940eed rgb(148,14,237)
```

Monochromatic Color

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

#400aa5
```
#400aa5 rgb(64,10,165)
```
#4d0aa5
```
#4d0aa5 rgb(77,10,165)
```
#5a0aa5
```
#5a0aa5 rgb(90,10,165)
```
#670aa5
```
#670aa5 rgb(103,10,165)
```
#740aa5
```
#740aa5 rgb(116,10,165)
```
#810aa5
```
#810aa5 rgb(129,10,165)
```
#8e0aa5
```
#8e0aa5 rgb(142,10,165)
```

Similar Colors

Text with hexadecimal color #670aa5

This text has a font color of #670aa5.

<span style="color:#670aa5;">Text here</span>

#670aa5 background color

This paragraph has a background color of #670aa5.

<p style="background-color:#670aa5;">Content here</p>

#670aa5 border color

This element has a border color of #670aa5.

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

CSS codes

.text {color:#670aa5;}

.background {background-color:#670aa5;}

.border {border:1px solid #670aa5;}

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

#0b0111
```
#0b0111 rgb(11,1,17)
```
#160224
```
#160224 rgb(22,2,36)
```
#220336
```
#220336 rgb(34,3,54)
```
#2d0449
```
#2d0449 rgb(45,4,73)
```
#39065b
```
#39065b rgb(57,6,91)
```
#44076e
```
#44076e rgb(68,7,110)
```
#500880
```
#500880 rgb(80,8,128)
```
#5b0993
```
#5b0993 rgb(91,9,147)
```
#670aa5
```
#670aa5 rgb(103,10,165)
```
#730bb7
```
#730bb7 rgb(115,11,183)
```
#7e0cca
```
#7e0cca rgb(126,12,202)
```
#8a0ddc
```
#8a0ddc rgb(138,13,220)
```
#950eef
```
#950eef rgb(149,14,239)
```

Shade Color Variation

#9e20f1
```
#9e20f1 rgb(158,32,241)
```
#a632f3
```
#a632f3 rgb(166,50,243)
```
#ae45f4
```
#ae45f4 rgb(174,69,244)
```
#b657f5
```
#b657f5 rgb(182,87,245)
```
#be6af6
```
#be6af6 rgb(190,106,246)
```
#c67cf7
```
#c67cf7 rgb(198,124,247)
```
#ce8ff8
```
#ce8ff8 rgb(206,143,248)
```
#d6a1f9
```
#d6a1f9 rgb(214,161,249)
```
#deb4fa
```
#deb4fa rgb(222,180,250)
```
#e6c6fc
```
#e6c6fc rgb(230,198,252)
```
#eed9fd
```
#eed9fd rgb(238,217,253)
```
#f6ebfe
```
#f6ebfe rgb(246,235,254)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

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

#58545b
```
#58545b rgb(88,84,91)
```
#5a4d62
```
#5a4d62 rgb(90,77,98)
```
#5b4768
```
#5b4768 rgb(91,71,104)
```
#5c406f
```
#5c406f rgb(92,64,111)
```
#5e3976
```
#5e3976 rgb(94,57,118)
```
#5f327d
```
#5f327d rgb(95,50,125)
```
#602c83
```
#602c83 rgb(96,44,131)
```
#62258a
```
#62258a rgb(98,37,138)
```
#631e91
```
#631e91 rgb(99,30,145)
```
#641798
```
#641798 rgb(100,23,152)
```
#66119e
```
#66119e rgb(102,17,158)
```
#670aa5
```
#670aa5 rgb(103,10,165)
```
#6803ac
```
#6803ac rgb(104,3,172)
```

Tone Color Variation

Below, you can see how #670aa5 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

#373737 Achromatopsia 0.005% of the population
#412e4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#004b93 Protanopia 1% of men
#004f81 Deuteranopia 1% of men
#594a4f Tritanopia 0.001% of the population

Trichromacy

#253399 Protanomaly 1% of men, 0.01% of women
#25368e Deuteranomaly 6% of men, 0.4% of women
#5e326e Tritanomaly 0.01% of the population

#670aa5 hex color

#670aa5 Color Information

#670aa5 Color Conversion

Color Schemes with #670aa5

Alternatives to #670aa5

#670aa5 Preview

Shades and Tints of #670aa5

Tones of #670aa5

Color Blindness Simulator