colorhexa.com

#663942 hex color

In a RGB color space, hex #663942 is composed of 40% red, 22.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.1% magenta, 35.3% yellow and 60% black. It has a hue angle of 348 degrees, a saturation of 28.3% and a lightness of 31.2%. #663942 color hex could be obtained by blending #cc7284 with #000000. Closest websafe color is: #663333.

- R 40
- G 22
- B 26
RGB color chart
- C 0
- M 44
- Y 35
- K 60
CMYK color chart

● #663942 color description : Very dark desaturated red.

The hexadecimal color #663942 has RGB values of R:102, G:57, B:66 and CMYK values of C:0, M:0.44, Y:0.35, K:0.6. Its decimal value is 6699330.

Hex triplet	663942	`#663942`
RGB Decimal	102, 57, 66	`rgb(102,57,66)`
RGB Percent	40, 22.4, 25.9	`rgb(40%,22.4%,25.9%)`
CMYK	0, 44, 35, 60
HSL	348°, 28.3, 31.2	`hsl(348,28.3%,31.2%)`
HSV (or HSB)	348°, 44.1, 40
Web Safe	663333	`#663333`

CIE-LAB	29.775, 21.139, 3.144
XYZ	7.926, 6.145, 5.923
xyY	0.396, 0.307, 6.145
CIE-LCH	29.775, 21.371, 8.459
CIE-LUV	29.775, 27.537, 0.337
Hunter-Lab	24.789, 13.693, 3.187
Binary	01100110, 00111001, 01000010

#663942
```
#663942 rgb(102,57,66)
```
#39665d
```
#39665d rgb(57,102,93)
```

Complementary Color

#663959
```
#663959 rgb(102,57,89)
```
#663942
```
#663942 rgb(102,57,66)
```
#664739
```
#664739 rgb(102,71,57)
```

Analogous Color

#395966
```
#395966 rgb(57,89,102)
```
#663942
```
#663942 rgb(102,57,66)
```
#396647
```
#396647 rgb(57,102,71)
```

Split Complementary Color

#394266
```
#394266 rgb(57,66,102)
```
#663942
```
#663942 rgb(102,57,66)
```
#426639
```
#426639 rgb(66,102,57)
```

Triadic Color

#351e22
```
#351e22 rgb(53,30,34)
```
#45272d
```
#45272d rgb(69,39,45)
```
#563037
```
#563037 rgb(86,48,55)
```
#663942
```
#663942 rgb(102,57,66)
```
#76424d
```
#76424d rgb(118,66,77)
```
#874b57
```
#874b57 rgb(135,75,87)
```
#975462
```
#975462 rgb(151,84,98)
```

Monochromatic Color

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

#66394d
```
#66394d rgb(102,57,77)
```
#66394a
```
#66394a rgb(102,57,74)
```
#663946
```
#663946 rgb(102,57,70)
```
#663942
```
#663942 rgb(102,57,66)
```
#66393e
```
#66393e rgb(102,57,62)
```
#66393b
```
#66393b rgb(102,57,59)
```
#663b39
```
#663b39 rgb(102,59,57)
```

Similar Colors

Text with hexadecimal color #663942

This text has a font color of #663942.

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

#663942 background color

This paragraph has a background color of #663942.

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

#663942 border color

This element has a border color of #663942.

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

CSS codes

.text {color:#663942;}

.background {background-color:#663942;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0e0809
```
#0e0809 rgb(14,8,9)
```
#1a0f11
```
#1a0f11 rgb(26,15,17)
```
#271619
```
#271619 rgb(39,22,25)
```
#341d21
```
#341d21 rgb(52,29,33)
```
#40242a
```
#40242a rgb(64,36,42)
```
#4d2b32
```
#4d2b32 rgb(77,43,50)
```
#59323a
```
#59323a rgb(89,50,58)
```
#663942
```
#663942 rgb(102,57,66)
```
#73404a
```
#73404a rgb(115,64,74)
```
#7f4752
```
#7f4752 rgb(127,71,82)
```
#8c4e5a
```
#8c4e5a rgb(140,78,90)
```
#985563
```
#985563 rgb(152,85,99)
```

Shade Color Variation

#a45d6b
```
#a45d6b rgb(164,93,107)
```
#ab6977
```
#ab6977 rgb(171,105,119)
```
#b27682
```
#b27682 rgb(178,118,130)
```
#b9828d
```
#b9828d rgb(185,130,141)
```
#c08f99
```
#c08f99 rgb(192,143,153)
```
#c79ca4
```
#c79ca4 rgb(199,156,164)
```
#cfa8b0
```
#cfa8b0 rgb(207,168,176)
```
#d6b5bb
```
#d6b5bb rgb(214,181,187)
```
#ddc1c7
```
#ddc1c7 rgb(221,193,199)
```
#e4ced2
```
#e4ced2 rgb(228,206,210)
```
#ebdbde
```
#ebdbde rgb(235,219,222)
```
#f2e7e9
```
#f2e7e9 rgb(242,231,233)
```
#f9f4f5
```
#f9f4f5 rgb(249,244,245)
```

Tint Color Variation

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

#544b4d
```
#544b4d rgb(84,75,77)
```
#5a4549
```
#5a4549 rgb(90,69,73)
```
#603f46
```
#603f46 rgb(96,63,70)
```
#663942
```
#663942 rgb(102,57,66)
```
#6c333e
```
#6c333e rgb(108,51,62)
```
#722d3b
```
#722d3b rgb(114,45,59)
```
#782737
```
#782737 rgb(120,39,55)
```
#7e2133
```
#7e2133 rgb(126,33,51)
```
#851a30
```
#851a30 rgb(133,26,48)
```
#8b142c
```
#8b142c rgb(139,20,44)
```
#910e28
```
#910e28 rgb(145,14,40)
```
#970825
```
#970825 rgb(151,8,37)
```
#9d0221
```
#9d0221 rgb(157,2,33)
```

Tone Color Variation

Below, you can see how #663942 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
#4d4446 Atypical Achromatopsia 0.001% of the population

Dichromacy

#504f51 Protanopia 1% of men
#594d49 Deuteranopia 1% of men
#6d4348 Tritanopia 0.001% of the population

Trichromacy

#58474c Protanomaly 1% of men, 0.01% of women
#5e4546 Deuteranomaly 6% of men, 0.4% of women
#6a3f46 Tritanomaly 0.01% of the population