#670cdd hex color

In a RGB color space, hex #670cdd is composed of 40.4% red, 4.7% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 53.4% cyan, 94.6% magenta, 0% yellow and 13.3% black. It has a hue angle of 266.1 degrees, a saturation of 89.7% and a lightness of 45.7%. #670cdd color hex could be obtained by blending #ce18ff with #0000bb. Closest websafe color is: #6600cc.

♥
- f
- t
- g
- R 40
- G 5
- B 87
RGB color chart
- C 53
- M 95
- Y 0
- K 13
CMYK color chart

● #670cdd color description : Vivid violet.

The hexadecimal color #670cdd has RGB values of R:103, G:12, B:221 and CMYK values of C:0.53, M:0.95, Y:0, K:0.13. Its decimal value is 6753501.

Hex triplet	670cdd	`#670cdd`
RGB Decimal	103, 12, 221	`rgb(103,12,221)`
RGB Percent	40.4, 4.7, 86.7	`rgb(40.4%,4.7%,86.7%)`
CMYK	53, 95, 0, 13
HSL	266.1°, 89.7, 45.7	`hsl(266.1,89.7%,45.7%)`
HSV (or HSB)	266.1°, 94.6, 86.7
Web Safe	6600cc	`#6600cc`

CIE-LAB	34.735, 72.503, -84.337
XYZ	18.774, 8.367, 69.028
xyY	0.195, 0.087, 8.367
CIE-LCH	34.735, 111.218, 310.685
CIE-LUV	34.735, 7.175, -114.707
Hunter-Lab	28.925, 65.236, -121.245
Binary	01100111, 00001100, 11011101

#670cdd
```
#670cdd rgb(103,12,221)
```
#82dd0c
```
#82dd0c rgb(130,221,12)
```

Complementary Color

#0c1add
```
#0c1add rgb(12,26,221)
```
#670cdd
```
#670cdd rgb(103,12,221)
```
#d00cdd
```
#d00cdd rgb(208,12,221)
```

Analogous Color

#1add0c
```
#1add0c rgb(26,221,12)
```
#670cdd
```
#670cdd rgb(103,12,221)
```
#ddd00c
```
#ddd00c rgb(221,208,12)
```

Split Complementary Color

#0cdd67
```
#0cdd67 rgb(12,221,103)
```
#670cdd
```
#670cdd rgb(103,12,221)
```
#dd670c
```
#dd670c rgb(221,103,12)
```

Triadic Color

#0c82dd
```
#0c82dd rgb(12,130,221)
```
#670cdd
```
#670cdd rgb(103,12,221)
```
#dd670c
```
#dd670c rgb(221,103,12)
```
#82dd0c
```
#82dd0c rgb(130,221,12)
```

Tetradic Color

#450894
```
#450894 rgb(69,8,148)
```
#5009ad
```
#5009ad rgb(80,9,173)
```
#5c0bc5
```
#5c0bc5 rgb(92,11,197)
```
#670cdd
```
#670cdd rgb(103,12,221)
```
#7310f2
```
#7310f2 rgb(115,16,242)
```
#8129f3
```
#8129f3 rgb(129,41,243)
```
#8f41f5
```
#8f41f5 rgb(143,65,245)
```

Monochromatic Color

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

#330cdd
```
#330cdd rgb(51,12,221)
```
#440cdd
```
#440cdd rgb(68,12,221)
```
#560cdd
```
#560cdd rgb(86,12,221)
```
#670cdd
```
#670cdd rgb(103,12,221)
```
#780cdd
```
#780cdd rgb(120,12,221)
```
#8a0cdd
```
#8a0cdd rgb(138,12,221)
```
#9b0cdd
```
#9b0cdd rgb(155,12,221)
```

Similar Colors

Text with hexadecimal color #670cdd

This text has a font color of #670cdd.

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

#670cdd background color

This paragraph has a background color of #670cdd.

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

#670cdd border color

This element has a border color of #670cdd.

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

CSS codes

.text {color:#670cdd;}

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

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

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

#080110
```
#080110 rgb(8,1,16)
```
#100223
```
#100223 rgb(16,2,35)
```
#190336
```
#190336 rgb(25,3,54)
```
#220448
```
#220448 rgb(34,4,72)
```
#2a055b
```
#2a055b rgb(42,5,91)
```
#33066d
```
#33066d rgb(51,6,109)
```
#3c0780
```
#3c0780 rgb(60,7,128)
```
#440893
```
#440893 rgb(68,8,147)
```
#4d09a5
```
#4d09a5 rgb(77,9,165)
```
#560ab8
```
#560ab8 rgb(86,10,184)
```
#5e0bca
```
#5e0bca rgb(94,11,202)
```
#670cdd
```
#670cdd rgb(103,12,221)
```
#700df0
```
#700df0 rgb(112,13,240)
```

Shade Color Variation

#7a1df3
```
#7a1df3 rgb(122,29,243)
```
#8530f4
```
#8530f4 rgb(133,48,244)
```
#9043f5
```
#9043f5 rgb(144,67,245)
```
#9b55f6
```
#9b55f6 rgb(155,85,246)
```
#a668f7
```
#a668f7 rgb(166,104,247)
```
#b17bf8
```
#b17bf8 rgb(177,123,248)
```
#bc8df9
```
#bc8df9 rgb(188,141,249)
```
#c7a0fa
```
#c7a0fa rgb(199,160,250)
```
#d2b2fb
```
#d2b2fb rgb(210,178,251)
```
#ddc5fc
```
#ddc5fc rgb(221,197,252)
```
#e8d8fd
```
#e8d8fd rgb(232,216,253)
```
#f3eafe
```
#f3eafe rgb(243,234,254)
```
#fefdff
```
#fefdff rgb(254,253,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #746f7a is the less saturated color, while #6603e6 is the most saturated one.

#746f7a
```
#746f7a rgb(116,111,122)
```
#736683
```
#736683 rgb(115,102,131)
```
#715d8c
```
#715d8c rgb(113,93,140)
```
#705495
```
#705495 rgb(112,84,149)
```
#6f4b9e
```
#6f4b9e rgb(111,75,158)
```
#6e42a7
```
#6e42a7 rgb(110,66,167)
```
#6d39b0
```
#6d39b0 rgb(109,57,176)
```
#6c30b9
```
#6c30b9 rgb(108,48,185)
```
#6a27c2
```
#6a27c2 rgb(106,39,194)
```
#691ecb
```
#691ecb rgb(105,30,203)
```
#6815d4
```
#6815d4 rgb(104,21,212)
```
#670cdd
```
#670cdd rgb(103,12,221)
```
#6603e6
```
#6603e6 rgb(102,3,230)
```

Tone Color Variation

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

Dichromacy

#0058ab Protanopia 1% of men
#005d94 Deuteranopia 1% of men
#3a6067 Tritanopia 0.001% of the population

Trichromacy

#253cbd Protanomaly 1% of men, 0.01% of women
#253fae Deuteranomaly 6% of men, 0.4% of women
#4a4192 Tritanomaly 0.01% of the population

#670cdd hex color

#670cdd Color Information

#670cdd Color Conversion

Color Schemes with #670cdd

Alternatives to #670cdd

#670cdd Preview

Shades and Tints of #670cdd

Tones of #670cdd

Color Blindness Simulator