#663070 hex color

In a RGB color space, hex #663070 is composed of 40% red, 18.8% green and 43.9% blue. Whereas in a CMYK color space, it is composed of 8.9% cyan, 57.1% magenta, 0% yellow and 56.1% black. It has a hue angle of 290.6 degrees, a saturation of 40% and a lightness of 31.4%. #663070 color hex could be obtained by blending #cc60e0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 40
- G 19
- B 44
RGB color chart
- C 9
- M 57
- Y 0
- K 56
CMYK color chart

● #663070 color description : Very dark desaturated magenta.

The hexadecimal color #663070 has RGB values of R:102, G:48, B:112 and CMYK values of C:0.09, M:0.57, Y:0, K:0.56. Its decimal value is 6697072.

Hex triplet	663070	`#663070`
RGB Decimal	102, 48, 112	`rgb(102,48,112)`
RGB Percent	40, 18.8, 43.9	`rgb(40%,18.8%,43.9%)`
CMYK	9, 57, 0, 56
HSL	290.6°, 40, 31.4	`hsl(290.6,40%,31.4%)`
HSV (or HSB)	290.6°, 57.1, 43.9
Web Safe	663366	`#663366`

CIE-LAB	29.686, 34.8, -26.792
XYZ	9.461, 6.109, 16.009
xyY	0.3, 0.193, 6.109
CIE-LCH	29.686, 43.919, 322.408
CIE-LUV	29.686, 21.585, -38.454
Hunter-Lab	24.716, 25.072, -21.102
Binary	01100110, 00110000, 01110000

#663070
```
#663070 rgb(102,48,112)
```
#3a7030
```
#3a7030 rgb(58,112,48)
```

Complementary Color

#463070
```
#463070 rgb(70,48,112)
```
#663070
```
#663070 rgb(102,48,112)
```
#70305a
```
#70305a rgb(112,48,90)
```

Analogous Color

#307046
```
#307046 rgb(48,112,70)
```
#663070
```
#663070 rgb(102,48,112)
```
#5a7030
```
#5a7030 rgb(90,112,48)
```

Split Complementary Color

#307066
```
#307066 rgb(48,112,102)
```
#663070
```
#663070 rgb(102,48,112)
```
#706630
```
#706630 rgb(112,102,48)
```

Triadic Color

#303a70
```
#303a70 rgb(48,58,112)
```
#663070
```
#663070 rgb(102,48,112)
```
#706630
```
#706630 rgb(112,102,48)
```
#3a7030
```
#3a7030 rgb(58,112,48)
```

Tetradic Color

#35193a
```
#35193a rgb(53,25,58)
```
#45214c
```
#45214c rgb(69,33,76)
```
#56285e
```
#56285e rgb(86,40,94)
```
#663070
```
#663070 rgb(102,48,112)
```
#763882
```
#763882 rgb(118,56,130)
```
#873f94
```
#873f94 rgb(135,63,148)
```
#9747a6
```
#9747a6 rgb(151,71,166)
```

Monochromatic Color

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

#563070
```
#563070 rgb(86,48,112)
```
#5b3070
```
#5b3070 rgb(91,48,112)
```
#613070
```
#613070 rgb(97,48,112)
```
#663070
```
#663070 rgb(102,48,112)
```
#6b3070
```
#6b3070 rgb(107,48,112)
```
#70306f
```
#70306f rgb(112,48,111)
```
#70306a
```
#70306a rgb(112,48,106)
```

Similar Colors

Text with hexadecimal color #663070

This text has a font color of #663070.

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

#663070 background color

This paragraph has a background color of #663070.

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

#663070 border color

This element has a border color of #663070.

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

CSS codes

.text {color:#663070;}

.background {background-color:#663070;}

.border {border:1px solid #663070;}

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

#020102
```
#020102 rgb(2,1,2)
```
#0e0710
```
#0e0710 rgb(14,7,16)
```
#1b0d1e
```
#1b0d1e rgb(27,13,30)
```
#27132b
```
#27132b rgb(39,19,43)
```
#341839
```
#341839 rgb(52,24,57)
```
#401e47
```
#401e47 rgb(64,30,71)
```
#4d2455
```
#4d2455 rgb(77,36,85)
```
#592a62
```
#592a62 rgb(89,42,98)
```
#663070
```
#663070 rgb(102,48,112)
```
#73367e
```
#73367e rgb(115,54,126)
```
#7f3c8b
```
#7f3c8b rgb(127,60,139)
```
#8c4299
```
#8c4299 rgb(140,66,153)
```
#9848a7
```
#9848a7 rgb(152,72,167)
```

Shade Color Variation

#a44fb3
```
#a44fb3 rgb(164,79,179)
```
#ab5cb9
```
#ab5cb9 rgb(171,92,185)
```
#b26abf
```
#b26abf rgb(178,106,191)
```
#b978c5
```
#b978c5 rgb(185,120,197)
```
#c086cb
```
#c086cb rgb(192,134,203)
```
#c793d1
```
#c793d1 rgb(199,147,209)
```
#cea1d7
```
#cea1d7 rgb(206,161,215)
```
#d5afdd
```
#d5afdd rgb(213,175,221)
```
#ddbde3
```
#ddbde3 rgb(221,189,227)
```
#e4cae8
```
#e4cae8 rgb(228,202,232)
```
#ebd8ee
```
#ebd8ee rgb(235,216,238)
```
#f2e6f4
```
#f2e6f4 rgb(242,230,244)
```
#f9f3fa
```
#f9f3fa rgb(249,243,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #514f51 is the less saturated color, while #84059b is the most saturated one.

#514f51
```
#514f51 rgb(81,79,81)
```
#554957
```
#554957 rgb(85,73,87)
```
#59425e
```
#59425e rgb(89,66,94)
```
#5e3c64
```
#5e3c64 rgb(94,60,100)
```
#62366a
```
#62366a rgb(98,54,106)
```
#663070
```
#663070 rgb(102,48,112)
```
#6a2a76
```
#6a2a76 rgb(106,42,118)
```
#6e247c
```
#6e247c rgb(110,36,124)
```
#731e82
```
#731e82 rgb(115,30,130)
```
#771789
```
#771789 rgb(119,23,137)
```
#7b118f
```
#7b118f rgb(123,17,143)
```
#7f0b95
```
#7f0b95 rgb(127,11,149)
```
#84059b
```
#84059b rgb(132,5,155)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#4d424f Atypical Achromatopsia 0.001% of the population

Dichromacy

#324d86 Protanopia 1% of men
#3f4f71 Deuteranopia 1% of men
#67464b Tritanopia 0.001% of the population

Trichromacy

#45427e Protanomaly 1% of men, 0.01% of women
#4d4370 Deuteranomaly 6% of men, 0.4% of women
#663e58 Tritanomaly 0.01% of the population

#663070 hex color

#663070 Color Information

#663070 Color Conversion

Color Schemes with #663070

Alternatives to #663070

#663070 Preview

Shades and Tints of #663070

Tones of #663070

Color Blindness Simulator