#670fb4 hex color

In a RGB color space, hex #670fb4 is composed of 40.4% red, 5.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 42.8% cyan, 91.7% magenta, 0% yellow and 29.4% black. It has a hue angle of 272 degrees, a saturation of 84.6% and a lightness of 38.2%. #670fb4 color hex could be obtained by blending #ce1eff with #000069. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 40
- G 6
- B 71
RGB color chart
- C 43
- M 92
- Y 0
- K 29
CMYK color chart

● #670fb4 color description : Strong violet.

The hexadecimal color #670fb4 has RGB values of R:103, G:15, B:180 and CMYK values of C:0.43, M:0.92, Y:0, K:0.29. Its decimal value is 6754228.

Hex triplet	670fb4	`#670fb4`
RGB Decimal	103, 15, 180	`rgb(103,15,180)`
RGB Percent	40.4, 5.9, 70.6	`rgb(40.4%,5.9%,70.6%)`
CMYK	43, 92, 0, 29
HSL	272°, 84.6, 38.2	`hsl(272,84.6%,38.2%)`
HSV (or HSB)	272°, 91.7, 70.6
Web Safe	6600cc	`#6600cc`

CIE-LAB	30.69, 62.818, -67.026
XYZ	14.001, 6.521, 43.698
xyY	0.218, 0.102, 6.521
CIE-LCH	30.69, 91.861, 313.144
CIE-LUV	30.69, 13.055, -90.461
Hunter-Lab	25.535, 53.186, -83.587
Binary	01100111, 00001111, 10110100

#670fb4
```
#670fb4 rgb(103,15,180)
```
#5cb40f
```
#5cb40f rgb(92,180,15)
```

Complementary Color

#150fb4
```
#150fb4 rgb(21,15,180)
```
#670fb4
```
#670fb4 rgb(103,15,180)
```
#b40faf
```
#b40faf rgb(180,15,175)
```

Analogous Color

#0fb415
```
#0fb415 rgb(15,180,21)
```
#670fb4
```
#670fb4 rgb(103,15,180)
```
#afb40f
```
#afb40f rgb(175,180,15)
```

Split Complementary Color

#0fb467
```
#0fb467 rgb(15,180,103)
```
#670fb4
```
#670fb4 rgb(103,15,180)
```
#b4670f
```
#b4670f rgb(180,103,15)
```

Triadic Color

#0f5cb4
```
#0f5cb4 rgb(15,92,180)
```
#670fb4
```
#670fb4 rgb(103,15,180)
```
#b4670f
```
#b4670f rgb(180,103,15)
```
#5cb40f
```
#5cb40f rgb(92,180,15)
```

Tetradic Color

#3f096d
```
#3f096d rgb(63,9,109)
```
#4c0b85
```
#4c0b85 rgb(76,11,133)
```
#5a0d9c
```
#5a0d9c rgb(90,13,156)
```
#670fb4
```
#670fb4 rgb(103,15,180)
```
#7411cc
```
#7411cc rgb(116,17,204)
```
#8213e3
```
#8213e3 rgb(130,19,227)
```
#8e23ed
```
#8e23ed rgb(142,35,237)
```

Monochromatic Color

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

#3e0fb4
```
#3e0fb4 rgb(62,15,180)
```
#4c0fb4
```
#4c0fb4 rgb(76,15,180)
```
#590fb4
```
#590fb4 rgb(89,15,180)
```
#670fb4
```
#670fb4 rgb(103,15,180)
```
#750fb4
```
#750fb4 rgb(117,15,180)
```
#830fb4
```
#830fb4 rgb(131,15,180)
```
#900fb4
```
#900fb4 rgb(144,15,180)
```

Similar Colors

Text with hexadecimal color #670fb4

This text has a font color of #670fb4.

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

#670fb4 background color

This paragraph has a background color of #670fb4.

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

#670fb4 border color

This element has a border color of #670fb4.

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

CSS codes

.text {color:#670fb4;}

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

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

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

#0a0111
```
#0a0111 rgb(10,1,17)
```
#140323
```
#140323 rgb(20,3,35)
```
#1e0435
```
#1e0435 rgb(30,4,53)
```
#290647
```
#290647 rgb(41,6,71)
```
#330759
```
#330759 rgb(51,7,89)
```
#3e096c
```
#3e096c rgb(62,9,108)
```
#480a7e
```
#480a7e rgb(72,10,126)
```
#520c90
```
#520c90 rgb(82,12,144)
```
#5d0da2
```
#5d0da2 rgb(93,13,162)
```
#670fb4
```
#670fb4 rgb(103,15,180)
```
#7111c6
```
#7111c6 rgb(113,17,198)
```
#7c12d8
```
#7c12d8 rgb(124,18,216)
```
#8614ea
```
#8614ea rgb(134,20,234)
```

Shade Color Variation

#8f25ed
```
#8f25ed rgb(143,37,237)
```
#9937ee
```
#9937ee rgb(153,55,238)
```
#a249f0
```
#a249f0 rgb(162,73,240)
```
#ab5bf1
```
#ab5bf1 rgb(171,91,241)
```
#b46df3
```
#b46df3 rgb(180,109,243)
```
#be7ff4
```
#be7ff4 rgb(190,127,244)
```
#c791f6
```
#c791f6 rgb(199,145,246)
```
#d0a3f7
```
#d0a3f7 rgb(208,163,247)
```
#d9b6f9
```
#d9b6f9 rgb(217,182,249)
```
#e3c8fa
```
#e3c8fa rgb(227,200,250)
```
#ecdafc
```
#ecdafc rgb(236,218,252)
```
#f5ecfd
```
#f5ecfd rgb(245,236,253)
```
#fefeff
```
#fefeff rgb(254,254,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #625a69 is the less saturated color, while #6800c3 is the most saturated one.

#625a69
```
#625a69 rgb(98,90,105)
```
#635371
```
#635371 rgb(99,83,113)
```
#634b78
```
#634b78 rgb(99,75,120)
```
#644480
```
#644480 rgb(100,68,128)
```
#643c87
```
#643c87 rgb(100,60,135)
```
#65358f
```
#65358f rgb(101,53,143)
```
#652d96
```
#652d96 rgb(101,45,150)
```
#66269e
```
#66269e rgb(102,38,158)
```
#661ea5
```
#661ea5 rgb(102,30,165)
```
#6717ad
```
#6717ad rgb(103,23,173)
```
#670fb4
```
#670fb4 rgb(103,15,180)
```
#6808bc
```
#6808bc rgb(104,8,188)
```
#6800c3
```
#6800c3 rgb(104,0,195)
```

Tone Color Variation

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

#3c3c3c Achromatopsia 0.005% of the population
#453354 Atypical Achromatopsia 0.001% of the population

Dichromacy

#004f9a Protanopia 1% of men
#005386 Deuteranopia 1% of men
#535056 Tritanopia 0.001% of the population

Trichromacy

#2538a3 Protanomaly 1% of men, 0.01% of women
#253a97 Deuteranomaly 6% of men, 0.4% of women
#5a3878 Tritanomaly 0.01% of the population

#670fb4 hex color

#670fb4 Color Information

#670fb4 Color Conversion

Color Schemes with #670fb4

Alternatives to #670fb4

#670fb4 Preview

Shades and Tints of #670fb4

Tones of #670fb4

Color Blindness Simulator