#663030 hex color

In a RGB color space, hex #663030 is composed of 40% red, 18.8% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 52.9% yellow and 60% black. It has a hue angle of 0 degrees, a saturation of 36% and a lightness of 29.4%. #663030 color hex could be obtained by blending #cc6060 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 40
- G 19
- B 19
RGB color chart
- C 0
- M 53
- Y 53
- K 60
CMYK color chart

● #663030 color description : Very dark desaturated red.

The hexadecimal color #663030 has RGB values of R:102, G:48, B:48 and CMYK values of C:0, M:0.53, Y:0.53, K:0.6. Its decimal value is 6697008.

Hex triplet	663030	`#663030`
RGB Decimal	102, 48, 48	`rgb(102,48,48)`
RGB Percent	40, 18.8, 18.8	`rgb(40%,18.8%,18.8%)`
CMYK	0, 53, 53, 60
HSL	0°, 36, 29.4	`hsl(0,36%,29.4%)`
HSV (or HSB)	0°, 52.9, 40
Web Safe	663333	`#663333`

CIE-LAB	27.165, 24.223, 11.33
XYZ	7.07, 5.153, 3.418
xyY	0.452, 0.329, 5.153
CIE-LCH	27.165, 26.742, 25.067
CIE-LUV	27.165, 35.689, 7.697
Hunter-Lab	22.699, 15.872, 6.961
Binary	01100110, 00110000, 00110000

#663030
```
#663030 rgb(102,48,48)
```
#306666
```
#306666 rgb(48,102,102)
```

Complementary Color

#66304b
```
#66304b rgb(102,48,75)
```
#663030
```
#663030 rgb(102,48,48)
```
#664b30
```
#664b30 rgb(102,75,48)
```

Analogous Color

#304b66
```
#304b66 rgb(48,75,102)
```
#663030
```
#663030 rgb(102,48,48)
```
#30664b
```
#30664b rgb(48,102,75)
```

Split Complementary Color

#303066
```
#303066 rgb(48,48,102)
```
#663030
```
#663030 rgb(102,48,48)
```
#306630
```
#306630 rgb(48,102,48)
```

Triadic Color

#663066
```
#663066 rgb(102,48,102)
```
#663030
```
#663030 rgb(102,48,48)
```
#306630
```
#306630 rgb(48,102,48)
```
#306666
```
#306666 rgb(48,102,102)
```

Tetradic Color

#321818
```
#321818 rgb(50,24,24)
```
#432020
```
#432020 rgb(67,32,32)
```
#552828
```
#552828 rgb(85,40,40)
```
#663030
```
#663030 rgb(102,48,48)
```
#773838
```
#773838 rgb(119,56,56)
```
#894040
```
#894040 rgb(137,64,64)
```
#9a4848
```
#9a4848 rgb(154,72,72)
```

Monochromatic Color

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

#66303e
```
#66303e rgb(102,48,62)
```
#663039
```
#663039 rgb(102,48,57)
```
#663035
```
#663035 rgb(102,48,53)
```
#663030
```
#663030 rgb(102,48,48)
```
#663530
```
#663530 rgb(102,53,48)
```
#663930
```
#663930 rgb(102,57,48)
```
#663e30
```
#663e30 rgb(102,62,48)
```

Similar Colors

Text with hexadecimal color #663030

This text has a font color of #663030.

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

#663030 background color

This paragraph has a background color of #663030.

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

#663030 border color

This element has a border color of #663030.

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

CSS codes

.text {color:#663030;}

.background {background-color:#663030;}

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

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

#090404
```
#090404 rgb(9,4,4)
```
#160a0a
```
#160a0a rgb(22,10,10)
```
#231111
```
#231111 rgb(35,17,17)
```
#311717
```
#311717 rgb(49,23,23)
```
#3e1d1d
```
#3e1d1d rgb(62,29,29)
```
#4b2323
```
#4b2323 rgb(75,35,35)
```
#592a2a
```
#592a2a rgb(89,42,42)
```
#663030
```
#663030 rgb(102,48,48)
```
#733636
```
#733636 rgb(115,54,54)
```
#813d3d
```
#813d3d rgb(129,61,61)
```
#8e4343
```
#8e4343 rgb(142,67,67)
```
#9b4949
```
#9b4949 rgb(155,73,73)
```
#a94f4f
```
#a94f4f rgb(169,79,79)
```

Shade Color Variation

#b15a5a
```
#b15a5a rgb(177,90,90)
```
#b86868
```
#b86868 rgb(184,104,104)
```
#be7575
```
#be7575 rgb(190,117,117)
```
#c48282
```
#c48282 rgb(196,130,130)
```
#cb9090
```
#cb9090 rgb(203,144,144)
```
#d19d9d
```
#d19d9d rgb(209,157,157)
```
#d7aaaa
```
#d7aaaa rgb(215,170,170)
```
#ddb8b8
```
#ddb8b8 rgb(221,184,184)
```
#e4c5c5
```
#e4c5c5 rgb(228,197,197)
```
#ead2d2
```
#ead2d2 rgb(234,210,210)
```
#f0e0e0
```
#f0e0e0 rgb(240,224,224)
```
#f7eded
```
#f7eded rgb(247,237,237)
```
#fdfafa
```
#fdfafa rgb(253,250,250)
```

Tint Color Variation

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

#4f4747
```
#4f4747 rgb(79,71,71)
```
#554141
```
#554141 rgb(85,65,65)
```
#5a3c3c
```
#5a3c3c rgb(90,60,60)
```
#603636
```
#603636 rgb(96,54,54)
```
#663030
```
#663030 rgb(102,48,48)
```
#6c2a2a
```
#6c2a2a rgb(108,42,42)
```
#722424
```
#722424 rgb(114,36,36)
```
#771f1f
```
#771f1f rgb(119,31,31)
```
#7d1919
```
#7d1919 rgb(125,25,25)
```
#831313
```
#831313 rgb(131,19,19)
```
#890d0d
```
#890d0d rgb(137,13,13)
```
#8e0808
```
#8e0808 rgb(142,8,8)
```
#940202
```
#940202 rgb(148,2,2)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#483d3d Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4941 Protanopia 1% of men
#574737 Deuteranopia 1% of men
#6e3a3e Tritanopia 0.001% of the population

Trichromacy

#56403b Protanomaly 1% of men, 0.01% of women
#5c3e34 Deuteranomaly 6% of men, 0.4% of women
#6b3638 Tritanomaly 0.01% of the population

#663030 hex color

#663030 Color Information

#663030 Color Conversion

Color Schemes with #663030

Alternatives to #663030

#663030 Preview

Shades and Tints of #663030

Tones of #663030

Color Blindness Simulator