#670cb2 hex color

In a RGB color space, hex #670cb2 is composed of 40.4% red, 4.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 42.1% cyan, 93.3% magenta, 0% yellow and 30.2% black. It has a hue angle of 272.9 degrees, a saturation of 87.4% and a lightness of 37.3%. #670cb2 color hex could be obtained by blending #ce18ff with #000065. Closest websafe color is: #660099.

♥
- f
- t
- g
- R 40
- G 5
- B 70
RGB color chart
- C 42
- M 93
- Y 0
- K 30
CMYK color chart

● #670cb2 color description : Dark violet.

The hexadecimal color #670cb2 has RGB values of R:103, G:12, B:178 and CMYK values of C:0.42, M:0.93, Y:0, K:0.3. Its decimal value is 6753458.

Hex triplet	670cb2	`#670cb2`
RGB Decimal	103, 12, 178	`rgb(103,12,178)`
RGB Percent	40.4, 4.7, 69.8	`rgb(40.4%,4.7%,69.8%)`
CMYK	42, 93, 0, 30
HSL	272.9°, 87.4, 37.3	`hsl(272.9,87.4%,37.3%)`
HSV (or HSB)	272.9°, 93.3, 69.8
Web Safe	660099	`#660099`

CIE-LAB	30.305, 62.946, -66.464
XYZ	13.76, 6.361, 42.62
xyY	0.219, 0.101, 6.361
CIE-LCH	30.305, 91.54, 313.443
CIE-LUV	30.305, 13.535, -89.359
Hunter-Lab	25.221, 53.246, -82.537
Binary	01100111, 00001100, 10110010

#670cb2
```
#670cb2 rgb(103,12,178)
```
#57b20c
```
#57b20c rgb(87,178,12)
```

Complementary Color

#140cb2
```
#140cb2 rgb(20,12,178)
```
#670cb2
```
#670cb2 rgb(103,12,178)
```
#b20caa
```
#b20caa rgb(178,12,170)
```

Analogous Color

#0cb214
```
#0cb214 rgb(12,178,20)
```
#670cb2
```
#670cb2 rgb(103,12,178)
```
#aab20c
```
#aab20c rgb(170,178,12)
```

Split Complementary Color

#0cb267
```
#0cb267 rgb(12,178,103)
```
#670cb2
```
#670cb2 rgb(103,12,178)
```
#b2670c
```
#b2670c rgb(178,103,12)
```

Triadic Color

#0c57b2
```
#0c57b2 rgb(12,87,178)
```
#670cb2
```
#670cb2 rgb(103,12,178)
```
#b2670c
```
#b2670c rgb(178,103,12)
```
#57b20c
```
#57b20c rgb(87,178,12)
```

Tetradic Color

#3e076a
```
#3e076a rgb(62,7,106)
```
#4b0982
```
#4b0982 rgb(75,9,130)
```
#590a9a
```
#590a9a rgb(89,10,154)
```
#670cb2
```
#670cb2 rgb(103,12,178)
```
#750eca
```
#750eca rgb(117,14,202)
```
#830fe2
```
#830fe2 rgb(131,15,226)
```
#901bf0
```
#901bf0 rgb(144,27,240)
```

Monochromatic Color

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

#3e0cb2
```
#3e0cb2 rgb(62,12,178)
```
#4b0cb2
```
#4b0cb2 rgb(75,12,178)
```
#590cb2
```
#590cb2 rgb(89,12,178)
```
#670cb2
```
#670cb2 rgb(103,12,178)
```
#750cb2
```
#750cb2 rgb(117,12,178)
```
#830cb2
```
#830cb2 rgb(131,12,178)
```
#910cb2
```
#910cb2 rgb(145,12,178)
```

Similar Colors

Text with hexadecimal color #670cb2

This text has a font color of #670cb2.

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

#670cb2 background color

This paragraph has a background color of #670cb2.

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

#670cb2 border color

This element has a border color of #670cb2.

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

CSS codes

.text {color:#670cb2;}

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

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

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, #07010d is the darkest color, while #fcf9ff is the lightest one.

#07010d
```
#07010d rgb(7,1,13)
```
#12021f
```
#12021f rgb(18,2,31)
```
#1d0331
```
#1d0331 rgb(29,3,49)
```
#270544
```
#270544 rgb(39,5,68)
```
#320656
```
#320656 rgb(50,6,86)
```
#3c0768
```
#3c0768 rgb(60,7,104)
```
#47087b
```
#47087b rgb(71,8,123)
```
#520a8d
```
#520a8d rgb(82,10,141)
```
#5c0ba0
```
#5c0ba0 rgb(92,11,160)
```
#670cb2
```
#670cb2 rgb(103,12,178)
```
#720dc4
```
#720dc4 rgb(114,13,196)
```
#7c0ed7
```
#7c0ed7 rgb(124,14,215)
```
#8710e9
```
#8710e9 rgb(135,16,233)
```

Shade Color Variation

#901df0
```
#901df0 rgb(144,29,240)
```
#992ff1
```
#992ff1 rgb(153,47,241)
```
#a241f2
```
#a241f2 rgb(162,65,242)
```
#ab54f3
```
#ab54f3 rgb(171,84,243)
```
#b466f5
```
#b466f5 rgb(180,102,245)
```
#bd79f6
```
#bd79f6 rgb(189,121,246)
```
#c68bf7
```
#c68bf7 rgb(198,139,247)
```
#cf9df8
```
#cf9df8 rgb(207,157,248)
```
#d8b0fa
```
#d8b0fa rgb(216,176,250)
```
#e1c2fb
```
#e1c2fb rgb(225,194,251)
```
#ead4fc
```
#ead4fc rgb(234,212,252)
```
#f3e7fd
```
#f3e7fd rgb(243,231,253)
```
#fcf9ff
```
#fcf9ff rgb(252,249,255)
```

Tint Color Variation

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

#5f5c62
```
#5f5c62 rgb(95,92,98)
```
#605569
```
#605569 rgb(96,85,105)
```
#614e70
```
#614e70 rgb(97,78,112)
```
#614678
```
#614678 rgb(97,70,120)
```
#623f7f
```
#623f7f rgb(98,63,127)
```
#633886
```
#633886 rgb(99,56,134)
```
#63318d
```
#63318d rgb(99,49,141)
```
#642995
```
#642995 rgb(100,41,149)
```
#65229c
```
#65229c rgb(101,34,156)
```
#661ba3
```
#661ba3 rgb(102,27,163)
```
#6613ab
```
#6613ab rgb(102,19,171)
```
#670cb2
```
#670cb2 rgb(103,12,178)
```
#6805b9
```
#6805b9 rgb(104,5,185)
```

Tone Color Variation

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

Dichromacy

#004e98 Protanopia 1% of men
#005285 Deuteranopia 1% of men
#544f55 Tritanopia 0.001% of the population

Trichromacy

#2536a1 Protanomaly 1% of men, 0.01% of women
#253995 Deuteranomaly 6% of men, 0.4% of women
#5b3676 Tritanomaly 0.01% of the population

#670cb2 hex color

#670cb2 Color Information

#670cb2 Color Conversion

Color Schemes with #670cb2

Alternatives to #670cb2

#670cb2 Preview

Shades and Tints of #670cb2

Tones of #670cb2

Color Blindness Simulator