#670ac5 hex color

In a RGB color space, hex #670ac5 is composed of 40.4% red, 3.9% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 47.7% cyan, 94.9% magenta, 0% yellow and 22.7% black. It has a hue angle of 269.8 degrees, a saturation of 90.3% and a lightness of 40.6%. #670ac5 color hex could be obtained by blending #ce14ff with #00008b. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 40
- G 4
- B 77
RGB color chart
- C 48
- M 95
- Y 0
- K 23
CMYK color chart

● #670ac5 color description : Strong violet.

The hexadecimal color #670ac5 has RGB values of R:103, G:10, B:197 and CMYK values of C:0.48, M:0.95, Y:0, K:0.23. Its decimal value is 6752965.

Hex triplet	670ac5	`#670ac5`
RGB Decimal	103, 10, 197	`rgb(103,10,197)`
RGB Percent	40.4, 3.9, 77.3	`rgb(40.4%,3.9%,77.3%)`
CMYK	48, 95, 0, 23
HSL	269.8°, 90.3, 40.6	`hsl(269.8,90.3%,40.6%)`
HSV (or HSB)	269.8°, 94.9, 77.3
Web Safe	6600cc	`#6600cc`

CIE-LAB	32.105, 67.447, -74.748
XYZ	15.778, 7.132, 53.366
xyY	0.207, 0.094, 7.132
CIE-LCH	32.105, 100.679, 312.061
CIE-LUV	32.105, 10.557, -100.757
Hunter-Lab	26.705, 58.729, -99.785
Binary	01100111, 00001010, 11000101

#670ac5
```
#670ac5 rgb(103,10,197)
```
#68c50a
```
#68c50a rgb(104,197,10)
```

Complementary Color

#0a0bc5
```
#0a0bc5 rgb(10,11,197)
```
#670ac5
```
#670ac5 rgb(103,10,197)
```
#c50ac5
```
#c50ac5 rgb(197,10,197)
```

Analogous Color

#0bc50a
```
#0bc50a rgb(11,197,10)
```
#670ac5
```
#670ac5 rgb(103,10,197)
```
#c5c50a
```
#c5c50a rgb(197,197,10)
```

Split Complementary Color

#0ac567
```
#0ac567 rgb(10,197,103)
```
#670ac5
```
#670ac5 rgb(103,10,197)
```
#c5670a
```
#c5670a rgb(197,103,10)
```

Triadic Color

#0a68c5
```
#0a68c5 rgb(10,104,197)
```
#670ac5
```
#670ac5 rgb(103,10,197)
```
#c5670a
```
#c5670a rgb(197,103,10)
```
#68c50a
```
#68c50a rgb(104,197,10)
```

Tetradic Color

#41067c
```
#41067c rgb(65,6,124)
```
#4e0894
```
#4e0894 rgb(78,8,148)
```
#5a09ad
```
#5a09ad rgb(90,9,173)
```
#670ac5
```
#670ac5 rgb(103,10,197)
```
#740bdd
```
#740bdd rgb(116,11,221)
```
#800ff3
```
#800ff3 rgb(128,15,243)
```
#8d27f4
```
#8d27f4 rgb(141,39,244)
```

Monochromatic Color

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

#380ac5
```
#380ac5 rgb(56,10,197)
```
#480ac5
```
#480ac5 rgb(72,10,197)
```
#570ac5
```
#570ac5 rgb(87,10,197)
```
#670ac5
```
#670ac5 rgb(103,10,197)
```
#770ac5
```
#770ac5 rgb(119,10,197)
```
#860ac5
```
#860ac5 rgb(134,10,197)
```
#960ac5
```
#960ac5 rgb(150,10,197)
```

Similar Colors

Text with hexadecimal color #670ac5

This text has a font color of #670ac5.

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

#670ac5 background color

This paragraph has a background color of #670ac5.

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

#670ac5 border color

This element has a border color of #670ac5.

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

CSS codes

.text {color:#670ac5;}

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

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

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, #05010a is the darkest color, while #fbf7ff is the lightest one.

#05010a
```
#05010a rgb(5,1,10)
```
#0f011d
```
#0f011d rgb(15,1,29)
```
#190230
```
#190230 rgb(25,2,48)
```
#230342
```
#230342 rgb(35,3,66)
```
#2c0455
```
#2c0455 rgb(44,4,85)
```
#360568
```
#360568 rgb(54,5,104)
```
#40067a
```
#40067a rgb(64,6,122)
```
#4a078d
```
#4a078d rgb(74,7,141)
```
#5308a0
```
#5308a0 rgb(83,8,160)
```
#5d09b2
```
#5d09b2 rgb(93,9,178)
```
#670ac5
```
#670ac5 rgb(103,10,197)
```
#710bd8
```
#710bd8 rgb(113,11,216)
```
#7b0cea
```
#7b0cea rgb(123,12,234)
```

Shade Color Variation

#8417f3
```
#8417f3 rgb(132,23,243)
```
#8e29f4
```
#8e29f4 rgb(142,41,244)
```
#983cf5
```
#983cf5 rgb(152,60,245)
```
#a24ff6
```
#a24ff6 rgb(162,79,246)
```
#ac61f7
```
#ac61f7 rgb(172,97,247)
```
#b674f8
```
#b674f8 rgb(182,116,248)
```
#bf87f9
```
#bf87f9 rgb(191,135,249)
```
#c999fa
```
#c999fa rgb(201,153,250)
```
#d3acfb
```
#d3acfb rgb(211,172,251)
```
#ddbffc
```
#ddbffc rgb(221,191,252)
```
#e7d1fd
```
#e7d1fd rgb(231,209,253)
```
#f1e4fe
```
#f1e4fe rgb(241,228,254)
```
#fbf7ff
```
#fbf7ff rgb(251,247,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #67626d is the less saturated color, while #6702cd is the most saturated one.

#67626d
```
#67626d rgb(103,98,109)
```
#675a75
```
#675a75 rgb(103,90,117)
```
#67527d
```
#67527d rgb(103,82,125)
```
#674a85
```
#674a85 rgb(103,74,133)
```
#67428d
```
#67428d rgb(103,66,141)
```
#673a95
```
#673a95 rgb(103,58,149)
```
#67329d
```
#67329d rgb(103,50,157)
```
#672aa5
```
#672aa5 rgb(103,42,165)
```
#6722ad
```
#6722ad rgb(103,34,173)
```
#671ab5
```
#671ab5 rgb(103,26,181)
```
#6712bd
```
#6712bd rgb(103,18,189)
```
#670ac5
```
#670ac5 rgb(103,10,197)
```
#6702cd
```
#6702cd rgb(103,2,205)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#443157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#0052a0 Protanopia 1% of men
#00578b Deuteranopia 1% of men
#4b565c Tritanopia 0.001% of the population

Trichromacy

#2538ad Protanomaly 1% of men, 0.01% of women
#253ba0 Deuteranomaly 6% of men, 0.4% of women
#553a82 Tritanomaly 0.01% of the population

#670ac5 hex color

#670ac5 Color Information

#670ac5 Color Conversion

Color Schemes with #670ac5

Alternatives to #670ac5

#670ac5 Preview

Shades and Tints of #670ac5

Tones of #670ac5

Color Blindness Simulator