#660c22 hex color

In a RGB color space, hex #660c22 is composed of 40% red, 4.7% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.2% magenta, 66.7% yellow and 60% black. It has a hue angle of 345.3 degrees, a saturation of 78.9% and a lightness of 22.4%. #660c22 color hex could be obtained by blending #cc1844 with #000000. Closest websafe color is: #660033.

♥
- f
- t
- g
- R 40
- G 5
- B 13
RGB color chart
- C 0
- M 88
- Y 67
- K 60
CMYK color chart

● #660c22 color description : Very dark red.

The hexadecimal color #660c22 has RGB values of R:102, G:12, B:34 and CMYK values of C:0, M:0.88, Y:0.67, K:0.6. Its decimal value is 6687778.

Hex triplet	660c22	`#660c22`
RGB Decimal	102, 12, 34	`rgb(102,12,34)`
RGB Percent	40, 4.7, 13.3	`rgb(40%,4.7%,13.3%)`
CMYK	0, 88, 67, 60
HSL	345.3°, 78.9, 22.4	`hsl(345.3,78.9%,22.4%)`
HSV (or HSB)	345.3°, 88.2, 40
Web Safe	660033	`#660033`

CIE-LAB	20.843, 39.168, 12.375
XYZ	5.9, 3.204, 1.821
xyY	0.54, 0.293, 3.204
CIE-LCH	20.843, 41.077, 17.534
CIE-LUV	20.843, 54.006, 4.587
Hunter-Lab	17.9, 27.512, 6.498
Binary	01100110, 00001100, 00100010

#660c22
```
#660c22 rgb(102,12,34)
```
#0c6650
```
#0c6650 rgb(12,102,80)
```

Complementary Color

#660c4f
```
#660c4f rgb(102,12,79)
```
#660c22
```
#660c22 rgb(102,12,34)
```
#66230c
```
#66230c rgb(102,35,12)
```

Analogous Color

#0c4f66
```
#0c4f66 rgb(12,79,102)
```
#660c22
```
#660c22 rgb(102,12,34)
```
#0c6623
```
#0c6623 rgb(12,102,35)
```

Split Complementary Color

#0c2266
```
#0c2266 rgb(12,34,102)
```
#660c22
```
#660c22 rgb(102,12,34)
```
#22660c
```
#22660c rgb(34,102,12)
```

Triadic Color

#500c66
```
#500c66 rgb(80,12,102)
```
#660c22
```
#660c22 rgb(102,12,34)
```
#22660c
```
#22660c rgb(34,102,12)
```
#0c6650
```
#0c6650 rgb(12,102,80)
```

Tetradic Color

#22040b
```
#22040b rgb(34,4,11)
```
#380713
```
#380713 rgb(56,7,19)
```
#4f091a
```
#4f091a rgb(79,9,26)
```
#660c22
```
#660c22 rgb(102,12,34)
```
#7d0f2a
```
#7d0f2a rgb(125,15,42)
```
#941131
```
#941131 rgb(148,17,49)
```
#aa1439
```
#aa1439 rgb(170,20,57)
```

Monochromatic Color

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

#660c39
```
#660c39 rgb(102,12,57)
```
#660c31
```
#660c31 rgb(102,12,49)
```
#660c2a
```
#660c2a rgb(102,12,42)
```
#660c22
```
#660c22 rgb(102,12,34)
```
#660c1b
```
#660c1b rgb(102,12,27)
```
#660c13
```
#660c13 rgb(102,12,19)
```
#660d0c
```
#660d0c rgb(102,13,12)
```

Similar Colors

Text with hexadecimal color #660c22

This text has a font color of #660c22.

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

#660c22 background color

This paragraph has a background color of #660c22.

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

#660c22 border color

This element has a border color of #660c22.

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

CSS codes

.text {color:#660c22;}

.background {background-color:#660c22;}

.border {border:1px solid #660c22;}

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, #0e0205 is the darkest color, while #fffcfc is the lightest one.

#0e0205
```
#0e0205 rgb(14,2,5)
```
#20040b
```
#20040b rgb(32,4,11)
```
#310610
```
#310610 rgb(49,6,16)
```
#430816
```
#430816 rgb(67,8,22)
```
#540a1c
```
#540a1c rgb(84,10,28)
```
#660c22
```
#660c22 rgb(102,12,34)
```
#780e28
```
#780e28 rgb(120,14,40)
```
#89102e
```
#89102e rgb(137,16,46)
```
#9b1234
```
#9b1234 rgb(155,18,52)
```
#ac1439
```
#ac1439 rgb(172,20,57)
```
#be163f
```
#be163f rgb(190,22,63)
```
#cf1845
```
#cf1845 rgb(207,24,69)
```
#e11a4b
```
#e11a4b rgb(225,26,75)
```

Shade Color Variation

#e62957
```
#e62957 rgb(230,41,87)
```
#e83b65
```
#e83b65 rgb(232,59,101)
```
#ea4c73
```
#ea4c73 rgb(234,76,115)
```
#ec5e81
```
#ec5e81 rgb(236,94,129)
```
#ee6f8e
```
#ee6f8e rgb(238,111,142)
```
#f0819c
```
#f0819c rgb(240,129,156)
```
#f292aa
```
#f292aa rgb(242,146,170)
```
#f4a4b8
```
#f4a4b8 rgb(244,164,184)
```
#f6b5c5
```
#f6b5c5 rgb(246,181,197)
```
#f8c7d3
```
#f8c7d3 rgb(248,199,211)
```
#fad9e1
```
#fad9e1 rgb(250,217,225)
```
#fdeaef
```
#fdeaef rgb(253,234,239)
```
#fffcfc
```
#fffcfc rgb(255,252,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3a3838 is the less saturated color, while #6f031e is the most saturated one.

#3a3838
```
#3a3838 rgb(58,56,56)
```
#3f3336
```
#3f3336 rgb(63,51,54)
```
#432f34
```
#432f34 rgb(67,47,52)
```
#472b32
```
#472b32 rgb(71,43,50)
```
#4c262f
```
#4c262f rgb(76,38,47)
```
#50222d
```
#50222d rgb(80,34,45)
```
#541e2b
```
#541e2b rgb(84,30,43)
```
#591929
```
#591929 rgb(89,25,41)
```
#5d1526
```
#5d1526 rgb(93,21,38)
```
#621024
```
#621024 rgb(98,16,36)
```
#660c22
```
#660c22 rgb(102,12,34)
```
#6a0820
```
#6a0820 rgb(106,8,32)
```
#6f031e
```
#6f031e rgb(111,3,30)
```

Tone Color Variation

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

#292929 Achromatopsia 0.005% of the population
#352328 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e3c3b Protanopia 1% of men
#483a27 Deuteranopia 1% of men
#6d1c1d Tritanopia 0.001% of the population

Trichromacy

#4c2a31 Protanomaly 1% of men, 0.01% of women
#532925 Deuteranomaly 6% of men, 0.4% of women
#6a161f Tritanomaly 0.01% of the population

#660c22 hex color

#660c22 Color Information

#660c22 Color Conversion

Color Schemes with #660c22

Alternatives to #660c22

#660c22 Preview

Shades and Tints of #660c22

Tones of #660c22

Color Blindness Simulator