#670aea hex color

In a RGB color space, hex #670aea is composed of 40.4% red, 3.9% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 56% cyan, 95.7% magenta, 0% yellow and 8.2% black. It has a hue angle of 264.9 degrees, a saturation of 91.8% and a lightness of 47.8%. #670aea color hex could be obtained by blending #ce14ff with #0000d5. Closest websafe color is: #6600ff.

♥
- f
- t
- g
- R 40
- G 4
- B 92
RGB color chart
- C 56
- M 96
- Y 0
- K 8
CMYK color chart

● #670aea color description : Vivid violet.

The hexadecimal color #670aea has RGB values of R:103, G:10, B:234 and CMYK values of C:0.56, M:0.96, Y:0, K:0.08. Its decimal value is 6753002.

Hex triplet	670aea	`#670aea`
RGB Decimal	103, 10, 234	`rgb(103,10,234)`
RGB Percent	40.4, 3.9, 91.8	`rgb(40.4%,3.9%,91.8%)`
CMYK	56, 96, 0, 8
HSL	264.9°, 91.8, 47.8	`hsl(264.9,91.8%,47.8%)`
HSV (or HSB)	264.9°, 95.7, 91.8
Web Safe	6600ff	`#6600ff`

CIE-LAB	36.063, 75.692, -89.572
XYZ	20.551, 9.041, 78.5
xyY	0.19, 0.084, 9.041
CIE-LCH	36.063, 117.271, 310.199
CIE-LUV	36.063, 5.646, -122.167
Hunter-Lab	30.068, 69.382, -133.744
Binary	01100111, 00001010, 11101010

#670aea
```
#670aea rgb(103,10,234)
```
#8dea0a
```
#8dea0a rgb(141,234,10)
```

Complementary Color

#0a1dea
```
#0a1dea rgb(10,29,234)
```
#670aea
```
#670aea rgb(103,10,234)
```
#d70aea
```
#d70aea rgb(215,10,234)
```

Analogous Color

#1dea0a
```
#1dea0a rgb(29,234,10)
```
#670aea
```
#670aea rgb(103,10,234)
```
#ead70a
```
#ead70a rgb(234,215,10)
```

Split Complementary Color

#0aea67
```
#0aea67 rgb(10,234,103)
```
#670aea
```
#670aea rgb(103,10,234)
```
#ea670a
```
#ea670a rgb(234,103,10)
```

Triadic Color

#0a8dea
```
#0a8dea rgb(10,141,234)
```
#670aea
```
#670aea rgb(103,10,234)
```
#ea670a
```
#ea670a rgb(234,103,10)
```
#8dea0a
```
#8dea0a rgb(141,234,10)
```

Tetradic Color

#4707a1
```
#4707a1 rgb(71,7,161)
```
#5108b9
```
#5108b9 rgb(81,8,185)
```
#5c09d2
```
#5c09d2 rgb(92,9,210)
```
#670aea
```
#670aea rgb(103,10,234)
```
#7418f5
```
#7418f5 rgb(116,24,245)
```
#8331f6
```
#8331f6 rgb(131,49,246)
```
#9149f7
```
#9149f7 rgb(145,73,247)
```

Monochromatic Color

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

#2f0aea
```
#2f0aea rgb(47,10,234)
```
#420aea
```
#420aea rgb(66,10,234)
```
#540aea
```
#540aea rgb(84,10,234)
```
#670aea
```
#670aea rgb(103,10,234)
```
#7a0aea
```
#7a0aea rgb(122,10,234)
```
#8c0aea
```
#8c0aea rgb(140,10,234)
```
#9f0aea
```
#9f0aea rgb(159,10,234)
```

Similar Colors

Text with hexadecimal color #670aea

This text has a font color of #670aea.

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

#670aea background color

This paragraph has a background color of #670aea.

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

#670aea border color

This element has a border color of #670aea.

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

CSS codes

.text {color:#670aea;}

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

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

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

#040008
```
#040008 rgb(4,0,8)
```
#0c011b
```
#0c011b rgb(12,1,27)
```
#14022e
```
#14022e rgb(20,2,46)
```
#1c0341
```
#1c0341 rgb(28,3,65)
```
#250454
```
#250454 rgb(37,4,84)
```
#2d0466
```
#2d0466 rgb(45,4,102)
```
#350579
```
#350579 rgb(53,5,121)
```
#3e068c
```
#3e068c rgb(62,6,140)
```
#46079f
```
#46079f rgb(70,7,159)
```
#4e08b2
```
#4e08b2 rgb(78,8,178)
```
#5608c4
```
#5608c4 rgb(86,8,196)
```
#5f09d7
```
#5f09d7 rgb(95,9,215)
```
#670aea
```
#670aea rgb(103,10,234)
```

Shade Color Variation

#7113f5
```
#7113f5 rgb(113,19,245)
```
#7c26f6
```
#7c26f6 rgb(124,38,246)
```
#8738f7
```
#8738f7 rgb(135,56,247)
```
#934bf7
```
#934bf7 rgb(147,75,247)
```
#9e5ef8
```
#9e5ef8 rgb(158,94,248)
```
#a971f9
```
#a971f9 rgb(169,113,249)
```
#b584fa
```
#b584fa rgb(181,132,250)
```
#c096fb
```
#c096fb rgb(192,150,251)
```
#cba9fb
```
#cba9fb rgb(203,169,251)
```
#d7bcfc
```
#d7bcfc rgb(215,188,252)
```
#e2cffd
```
#e2cffd rgb(226,207,253)
```
#ede2fe
```
#ede2fe rgb(237,226,254)
```
#f9f4ff
```
#f9f4ff rgb(249,244,255)
```

Tint Color Variation

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

#797183
```
#797183 rgb(121,113,131)
```
#77688c
```
#77688c rgb(119,104,140)
```
#755e96
```
#755e96 rgb(117,94,150)
```
#74559f
```
#74559f rgb(116,85,159)
```
#724ca8
```
#724ca8 rgb(114,76,168)
```
#7142b2
```
#7142b2 rgb(113,66,178)
```
#6f39bb
```
#6f39bb rgb(111,57,187)
```
#6d30c4
```
#6d30c4 rgb(109,48,196)
```
#6c26ce
```
#6c26ce rgb(108,38,206)
```
#6a1dd7
```
#6a1dd7 rgb(106,29,215)
```
#6913e1
```
#6913e1 rgb(105,19,225)
```
#670aea
```
#670aea rgb(103,10,234)
```
#6501f3
```
#6501f3 rgb(101,1,243)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#473461 Atypical Achromatopsia 0.001% of the population

Dichromacy

#005bb0 Protanopia 1% of men
#006099 Deuteranopia 1% of men
#2a656c Tritanopia 0.001% of the population

Trichromacy

#253dc5 Protanomaly 1% of men, 0.01% of women
#2540b6 Deuteranomaly 6% of men, 0.4% of women
#40449a Tritanomaly 0.01% of the population

#670aea hex color

#670aea Color Information

#670aea Color Conversion

Color Schemes with #670aea

Alternatives to #670aea

#670aea Preview

Shades and Tints of #670aea

Tones of #670aea

Color Blindness Simulator