#663f60 hex color

In a RGB color space, hex #663f60 is composed of 40% red, 24.7% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.2% magenta, 5.9% yellow and 60% black. It has a hue angle of 309.2 degrees, a saturation of 23.6% and a lightness of 32.4%. #663f60 color hex could be obtained by blending #cc7ec0 with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 40
- G 25
- B 38
RGB color chart
- C 0
- M 38
- Y 6
- K 60
CMYK color chart

● #663f60 color description : Very dark desaturated magenta.

The hexadecimal color #663f60 has RGB values of R:102, G:63, B:96 and CMYK values of C:0, M:0.38, Y:0.06, K:0.6. Its decimal value is 6700896.

Hex triplet	663f60	`#663f60`
RGB Decimal	102, 63, 96	`rgb(102,63,96)`
RGB Percent	40, 24.7, 37.6	`rgb(40%,24.7%,37.6%)`
CMYK	0, 38, 6, 60
HSL	309.2°, 23.6, 32.4	`hsl(309.2,23.6%,32.4%)`
HSV (or HSB)	309.2°, 38.2, 40
Web Safe	663366	`#663366`

CIE-LAB	32.313, 22.716, -12.502
XYZ	9.368, 7.225, 11.967
xyY	0.328, 0.253, 7.225
CIE-LCH	32.313, 25.93, 331.173
CIE-LUV	32.313, 19.348, -18.954
Hunter-Lab	26.879, 15.175, -7.581
Binary	01100110, 00111111, 01100000

#663f60
```
#663f60 rgb(102,63,96)
```
#3f6645
```
#3f6645 rgb(63,102,69)
```

Complementary Color

#593f66
```
#593f66 rgb(89,63,102)
```
#663f60
```
#663f60 rgb(102,63,96)
```
#663f4d
```
#663f4d rgb(102,63,77)
```

Analogous Color

#3f6659
```
#3f6659 rgb(63,102,89)
```
#663f60
```
#663f60 rgb(102,63,96)
```
#4d663f
```
#4d663f rgb(77,102,63)
```

Split Complementary Color

#3f6066
```
#3f6066 rgb(63,96,102)
```
#663f60
```
#663f60 rgb(102,63,96)
```
#60663f
```
#60663f rgb(96,102,63)
```

Triadic Color

#453f66
```
#453f66 rgb(69,63,102)
```
#663f60
```
#663f60 rgb(102,63,96)
```
#60663f
```
#60663f rgb(96,102,63)
```
#3f6645
```
#3f6645 rgb(63,102,69)
```

Tetradic Color

#372233
```
#372233 rgb(55,34,51)
```
#462c42
```
#462c42 rgb(70,44,66)
```
#563551
```
#563551 rgb(86,53,81)
```
#663f60
```
#663f60 rgb(102,63,96)
```
#76496f
```
#76496f rgb(118,73,111)
```
#86527e
```
#86527e rgb(134,82,126)
```
#955c8d
```
#955c8d rgb(149,92,141)
```

Monochromatic Color

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

#623f66
```
#623f66 rgb(98,63,102)
```
#663f66
```
#663f66 rgb(102,63,102)
```
#663f63
```
#663f63 rgb(102,63,99)
```
#663f60
```
#663f60 rgb(102,63,96)
```
#663f5d
```
#663f5d rgb(102,63,93)
```
#663f5a
```
#663f5a rgb(102,63,90)
```
#663f56
```
#663f56 rgb(102,63,86)
```

Similar Colors

Text with hexadecimal color #663f60

This text has a font color of #663f60.

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

#663f60 background color

This paragraph has a background color of #663f60.

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

#663f60 border color

This element has a border color of #663f60.

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

CSS codes

.text {color:#663f60;}

.background {background-color:#663f60;}

.border {border:1px solid #663f60;}

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

#050305
```
#050305 rgb(5,3,5)
```
#110b10
```
#110b10 rgb(17,11,16)
```
#1d121c
```
#1d121c rgb(29,18,28)
```
#291a27
```
#291a27 rgb(41,26,39)
```
#352132
```
#352132 rgb(53,33,50)
```
#42293e
```
#42293e rgb(66,41,62)
```
#4e3049
```
#4e3049 rgb(78,48,73)
```
#5a3855
```
#5a3855 rgb(90,56,85)
```
#663f60
```
#663f60 rgb(102,63,96)
```
#72466b
```
#72466b rgb(114,70,107)
```
#7e4e77
```
#7e4e77 rgb(126,78,119)
```
#8a5582
```
#8a5582 rgb(138,85,130)
```
#975d8e
```
#975d8e rgb(151,93,142)
```

Shade Color Variation

#a16698
```
#a16698 rgb(161,102,152)
```
#a872a0
```
#a872a0 rgb(168,114,160)
```
#b07fa8
```
#b07fa8 rgb(176,127,168)
```
#b78bb0
```
#b78bb0 rgb(183,139,176)
```
#bf97b9
```
#bf97b9 rgb(191,151,185)
```
#c6a3c1
```
#c6a3c1 rgb(198,163,193)
```
#ceafc9
```
#ceafc9 rgb(206,175,201)
```
#d5bbd1
```
#d5bbd1 rgb(213,187,209)
```
#ddc7d9
```
#ddc7d9 rgb(221,199,217)
```
#e4d3e2
```
#e4d3e2 rgb(228,211,226)
```
#ece0ea
```
#ece0ea rgb(236,224,234)
```
#f3ecf2
```
#f3ecf2 rgb(243,236,242)
```
#fbf8fa
```
#fbf8fa rgb(251,248,250)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #535253 is the less saturated color, while #9f0688 is the most saturated one.

#535253
```
#535253 rgb(83,82,83)
```
#594c57
```
#594c57 rgb(89,76,87)
```
#60455c
```
#60455c rgb(96,69,92)
```
#663f60
```
#663f60 rgb(102,63,96)
```
#6c3964
```
#6c3964 rgb(108,57,100)
```
#733269
```
#733269 rgb(115,50,105)
```
#792c6d
```
#792c6d rgb(121,44,109)
```
#7f2672
```
#7f2672 rgb(127,38,114)
```
#861f76
```
#861f76 rgb(134,31,118)
```
#8c197a
```
#8c197a rgb(140,25,122)
```
#92137f
```
#92137f rgb(146,19,127)
```
#990c83
```
#990c83 rgb(153,12,131)
```
#9f0688
```
#9f0688 rgb(159,6,136)
```

Tone Color Variation

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

#4e4e4e Achromatopsia 0.005% of the population
#534b52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d546f Protanopia 1% of men
#545365 Deuteranopia 1% of men
#6a4d52 Tritanopia 0.001% of the population

Trichromacy

#564c69 Protanomaly 1% of men, 0.01% of women
#5b4c63 Deuteranomaly 6% of men, 0.4% of women
#694857 Tritanomaly 0.01% of the population

#663f60 hex color

#663f60 Color Information

#663f60 Color Conversion

Color Schemes with #663f60

Alternatives to #663f60

#663f60 Preview

Shades and Tints of #663f60

Tones of #663f60

Color Blindness Simulator