#670ea7 hex color

In a RGB color space, hex #670ea7 is composed of 40.4% red, 5.5% green and 65.5% blue. Whereas in a CMYK color space, it is composed of 38.3% cyan, 91.6% magenta, 0% yellow and 34.5% black. It has a hue angle of 274.9 degrees, a saturation of 84.5% and a lightness of 35.5%. #670ea7 color hex could be obtained by blending #ce1cff with #00004f. Closest websafe color is: #660099.

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

● #670ea7 color description : Dark violet.

The hexadecimal color #670ea7 has RGB values of R:103, G:14, B:167 and CMYK values of C:0.38, M:0.92, Y:0, K:0.35. Its decimal value is 6753959.

Hex triplet	670ea7	`#670ea7`
RGB Decimal	103, 14, 167	`rgb(103,14,167)`
RGB Percent	40.4, 5.5, 65.5	`rgb(40.4%,5.5%,65.5%)`
CMYK	38, 92, 0, 35
HSL	274.9°, 84.5, 35.5	`hsl(274.9,84.5%,35.5%)`
HSV (or HSB)	274.9°, 91.6, 65.5
Web Safe	660099	`#660099`

CIE-LAB	29.382, 60.172, -61.374
XYZ	12.725, 5.988, 37.043
xyY	0.228, 0.107, 5.988
CIE-LCH	29.382, 85.95, 314.433
CIE-LUV	29.382, 15.42, -82.551
Hunter-Lab	24.47, 49.998, -72.623
Binary	01100111, 00001110, 10100111

#670ea7
```
#670ea7 rgb(103,14,167)
```
#4ea70e
```
#4ea70e rgb(78,167,14)
```

Complementary Color

#1b0ea7
```
#1b0ea7 rgb(27,14,167)
```
#670ea7
```
#670ea7 rgb(103,14,167)
```
#a70e9b
```
#a70e9b rgb(167,14,155)
```

Analogous Color

#0ea71b
```
#0ea71b rgb(14,167,27)
```
#670ea7
```
#670ea7 rgb(103,14,167)
```
#9ba70e
```
#9ba70e rgb(155,167,14)
```

Split Complementary Color

#0ea767
```
#0ea767 rgb(14,167,103)
```
#670ea7
```
#670ea7 rgb(103,14,167)
```
#a7670e
```
#a7670e rgb(167,103,14)
```

Triadic Color

#0e4ea7
```
#0e4ea7 rgb(14,78,167)
```
#670ea7
```
#670ea7 rgb(103,14,167)
```
#a7670e
```
#a7670e rgb(167,103,14)
```
#4ea70e
```
#4ea70e rgb(78,167,14)
```

Tetradic Color

#3b0860
```
#3b0860 rgb(59,8,96)
```
#4a0a78
```
#4a0a78 rgb(74,10,120)
```
#580c8f
```
#580c8f rgb(88,12,143)
```
#670ea7
```
#670ea7 rgb(103,14,167)
```
#7610bf
```
#7610bf rgb(118,16,191)
```
#8412d6
```
#8412d6 rgb(132,18,214)
```
#9216eb
```
#9216eb rgb(146,22,235)
```

Monochromatic Color

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

#410ea7
```
#410ea7 rgb(65,14,167)
```
#4e0ea7
```
#4e0ea7 rgb(78,14,167)
```
#5a0ea7
```
#5a0ea7 rgb(90,14,167)
```
#670ea7
```
#670ea7 rgb(103,14,167)
```
#740ea7
```
#740ea7 rgb(116,14,167)
```
#810ea7
```
#810ea7 rgb(129,14,167)
```
#8d0ea7
```
#8d0ea7 rgb(141,14,167)
```

Similar Colors

Text with hexadecimal color #670ea7

This text has a font color of #670ea7.

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

#670ea7 background color

This paragraph has a background color of #670ea7.

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

#670ea7 border color

This element has a border color of #670ea7.

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

CSS codes

.text {color:#670ea7;}

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

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

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

#030004
```
#030004 rgb(3,0,4)
```
#0e0216
```
#0e0216 rgb(14,2,22)
```
#190328
```
#190328 rgb(25,3,40)
```
#24053a
```
#24053a rgb(36,5,58)
```
#2f064d
```
#2f064d rgb(47,6,77)
```
#3a085f
```
#3a085f rgb(58,8,95)
```
#460971
```
#460971 rgb(70,9,113)
```
#510b83
```
#510b83 rgb(81,11,131)
```
#5c0c95
```
#5c0c95 rgb(92,12,149)
```
#670ea7
```
#670ea7 rgb(103,14,167)
```
#7210b9
```
#7210b9 rgb(114,16,185)
```
#7d11cb
```
#7d11cb rgb(125,17,203)
```
#8813dd
```
#8813dd rgb(136,19,221)
```

Shade Color Variation

#9318ec
```
#9318ec rgb(147,24,236)
```
#9b2aed
```
#9b2aed rgb(155,42,237)
```
#a43cef
```
#a43cef rgb(164,60,239)
```
#ac4ef0
```
#ac4ef0 rgb(172,78,240)
```
#b560f2
```
#b560f2 rgb(181,96,242)
```
#bd72f3
```
#bd72f3 rgb(189,114,243)
```
#c684f5
```
#c684f5 rgb(198,132,245)
```
#ce97f6
```
#ce97f6 rgb(206,151,246)
```
#d7a9f8
```
#d7a9f8 rgb(215,169,248)
```
#dfbbf9
```
#dfbbf9 rgb(223,187,249)
```
#e8cdfb
```
#e8cdfb rgb(232,205,251)
```
#f0dffc
```
#f0dffc rgb(240,223,252)
```
#f8f1fe
```
#f8f1fe rgb(248,241,254)
```

Tint Color Variation

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

#5c5461
```
#5c5461 rgb(92,84,97)
```
#5d4d68
```
#5d4d68 rgb(93,77,104)
```
#5e466f
```
#5e466f rgb(94,70,111)
```
#5f3f76
```
#5f3f76 rgb(95,63,118)
```
#60387d
```
#60387d rgb(96,56,125)
```
#613184
```
#613184 rgb(97,49,132)
```
#622a8b
```
#622a8b rgb(98,42,139)
```
#642392
```
#642392 rgb(100,35,146)
```
#651c99
```
#651c99 rgb(101,28,153)
```
#6615a0
```
#6615a0 rgb(102,21,160)
```
#670ea7
```
#670ea7 rgb(103,14,167)
```
#6807ae
```
#6807ae rgb(104,7,174)
```
#6900b5
```
#6900b5 rgb(105,0,181)
```

Tone Color Variation

Below, you can see how #670ea7 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
#433150 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004c94 Protanopia 1% of men
#005082 Deuteranopia 1% of men
#584b50 Tritanopia 0.001% of the population

Trichromacy

#25359b Protanomaly 1% of men, 0.01% of women
#25388f Deuteranomaly 6% of men, 0.4% of women
#5d3570 Tritanomaly 0.01% of the population

#670ea7 hex color

#670ea7 Color Information

#670ea7 Color Conversion

Color Schemes with #670ea7

Alternatives to #670ea7

#670ea7 Preview

Shades and Tints of #670ea7

Tones of #670ea7

Color Blindness Simulator