#663f75 hex color

In a RGB color space, hex #663f75 is composed of 40% red, 24.7% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 12.8% cyan, 46.2% magenta, 0% yellow and 54.1% black. It has a hue angle of 283.3 degrees, a saturation of 30% and a lightness of 35.3%. #663f75 color hex could be obtained by blending #cc7eea with #000000. Closest websafe color is: #663366.

♥
- f
- t
- g
- R 40
- G 25
- B 46
RGB color chart
- C 13
- M 46
- Y 0
- K 54
CMYK color chart

● #663f75 color description : Dark moderate violet.

The hexadecimal color #663f75 has RGB values of R:102, G:63, B:117 and CMYK values of C:0.13, M:0.46, Y:0, K:0.54. Its decimal value is 6700917.

Hex triplet	663f75	`#663f75`
RGB Decimal	102, 63, 117	`rgb(102,63,117)`
RGB Percent	40, 24.7, 45.9	`rgb(40%,24.7%,45.9%)`
CMYK	13, 46, 0, 54
HSL	283.3°, 30, 35.3	`hsl(283.3,30%,35.3%)`
HSV (or HSB)	283.3°, 46.2, 45.9
Web Safe	663366	`#663366`

CIE-LAB	33.274, 27.277, -24.314
XYZ	10.467, 7.664, 17.757
xyY	0.292, 0.214, 7.664
CIE-LCH	33.274, 36.54, 318.287
CIE-LUV	33.274, 15.77, -35.615
Hunter-Lab	27.685, 19.042, -18.649
Binary	01100110, 00111111, 01110101

#663f75
```
#663f75 rgb(102,63,117)
```
#4e753f
```
#4e753f rgb(78,117,63)
```

Complementary Color

#4b3f75
```
#4b3f75 rgb(75,63,117)
```
#663f75
```
#663f75 rgb(102,63,117)
```
#753f69
```
#753f69 rgb(117,63,105)
```

Analogous Color

#3f754b
```
#3f754b rgb(63,117,75)
```
#663f75
```
#663f75 rgb(102,63,117)
```
#69753f
```
#69753f rgb(105,117,63)
```

Split Complementary Color

#3f7566
```
#3f7566 rgb(63,117,102)
```
#663f75
```
#663f75 rgb(102,63,117)
```
#75663f
```
#75663f rgb(117,102,63)
```

Triadic Color

#3f4e75
```
#3f4e75 rgb(63,78,117)
```
#663f75
```
#663f75 rgb(102,63,117)
```
#75663f
```
#75663f rgb(117,102,63)
```
#4e753f
```
#4e753f rgb(78,117,63)
```

Tetradic Color

#3b2443
```
#3b2443 rgb(59,36,67)
```
#492d54
```
#492d54 rgb(73,45,84)
```
#583664
```
#583664 rgb(88,54,100)
```
#663f75
```
#663f75 rgb(102,63,117)
```
#744886
```
#744886 rgb(116,72,134)
```
#835196
```
#835196 rgb(131,81,150)
```
#915aa6
```
#915aa6 rgb(145,90,166)
```

Monochromatic Color

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

#593f75
```
#593f75 rgb(89,63,117)
```
#5d3f75
```
#5d3f75 rgb(93,63,117)
```
#623f75
```
#623f75 rgb(98,63,117)
```
#663f75
```
#663f75 rgb(102,63,117)
```
#6b3f75
```
#6b3f75 rgb(107,63,117)
```
#6f3f75
```
#6f3f75 rgb(111,63,117)
```
#743f75
```
#743f75 rgb(116,63,117)
```

Similar Colors

Text with hexadecimal color #663f75

This text has a font color of #663f75.

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

#663f75 background color

This paragraph has a background color of #663f75.

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

#663f75 border color

This element has a border color of #663f75.

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

CSS codes

.text {color:#663f75;}

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

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

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 #f8f5f9 is the lightest one.

#020102
```
#020102 rgb(2,1,2)
```
#0d080f
```
#0d080f rgb(13,8,15)
```
#180f1c
```
#180f1c rgb(24,15,28)
```
#231629
```
#231629 rgb(35,22,41)
```
#2e1d35
```
#2e1d35 rgb(46,29,53)
```
#3a2442
```
#3a2442 rgb(58,36,66)
```
#452a4f
```
#452a4f rgb(69,42,79)
```
#50315c
```
#50315c rgb(80,49,92)
```
#5b3868
```
#5b3868 rgb(91,56,104)
```
#663f75
```
#663f75 rgb(102,63,117)
```
#714682
```
#714682 rgb(113,70,130)
```
#7c4d8f
```
#7c4d8f rgb(124,77,143)
```
#87549b
```
#87549b rgb(135,84,155)
```

Shade Color Variation

#925ca7
```
#925ca7 rgb(146,92,167)
```
#9b68ae
```
#9b68ae rgb(155,104,174)
```
#a375b5
```
#a375b5 rgb(163,117,181)
```
#ac82bc
```
#ac82bc rgb(172,130,188)
```
#b48fc2
```
#b48fc2 rgb(180,143,194)
```
#bd9bc9
```
#bd9bc9 rgb(189,155,201)
```
#c5a8d0
```
#c5a8d0 rgb(197,168,208)
```
#ceb5d7
```
#ceb5d7 rgb(206,181,215)
```
#d6c2de
```
#d6c2de rgb(214,194,222)
```
#dfcee5
```
#dfcee5 rgb(223,206,229)
```
#e7dbec
```
#e7dbec rgb(231,219,236)
```
#f0e8f2
```
#f0e8f2 rgb(240,232,242)
```
#f8f5f9
```
#f8f5f9 rgb(248,245,249)
```

Tint Color Variation

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

#5d5460
```
#5d5460 rgb(93,84,96)
```
#604d67
```
#604d67 rgb(96,77,103)
```
#63466e
```
#63466e rgb(99,70,110)
```
#663f75
```
#663f75 rgb(102,63,117)
```
#69387c
```
#69387c rgb(105,56,124)
```
#6c3183
```
#6c3183 rgb(108,49,131)
```
#6f2a8a
```
#6f2a8a rgb(111,42,138)
```
#722391
```
#722391 rgb(114,35,145)
```
#751c98
```
#751c98 rgb(117,28,152)
```
#78159f
```
#78159f rgb(120,21,159)
```
#7c0fa5
```
#7c0fa5 rgb(124,15,165)
```
#7f08ac
```
#7f08ac rgb(127,8,172)
```
#8201b3
```
#8201b3 rgb(130,1,179)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#554d58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#435585 Protanopia 1% of men
#4a5677 Deuteranopia 1% of men
#675157 Tritanopia 0.001% of the population

Trichromacy

#504d7f Protanomaly 1% of men, 0.01% of women
#544e76 Deuteranomaly 6% of men, 0.4% of women
#674a62 Tritanomaly 0.01% of the population

#663f75 hex color

#663f75 Color Information

#663f75 Color Conversion

Color Schemes with #663f75

Alternatives to #663f75

#663f75 Preview

Shades and Tints of #663f75

Tones of #663f75

Color Blindness Simulator