#663c12 hex color

In a RGB color space, hex #663c12 is composed of 40% red, 23.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.2% magenta, 82.4% yellow and 60% black. It has a hue angle of 30 degrees, a saturation of 70% and a lightness of 23.5%. #663c12 color hex could be obtained by blending #cc7824 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 40
- G 24
- B 7
RGB color chart
- C 0
- M 41
- Y 82
- K 60
CMYK color chart

● #663c12 color description : Very dark orange [Brown tone].

The hexadecimal color #663c12 has RGB values of R:102, G:60, B:18 and CMYK values of C:0, M:0.41, Y:0.82, K:0.6. Its decimal value is 6700050.

Hex triplet	663c12	`#663c12`
RGB Decimal	102, 60, 18	`rgb(102,60,18)`
RGB Percent	40, 23.5, 7.1	`rgb(40%,23.5%,7.1%)`
CMYK	0, 41, 82, 60
HSL	30°, 70, 23.5	`hsl(30,70%,23.5%)`
HSV (or HSB)	30°, 82.4, 40
Web Safe	663300	`#663300`

CIE-LAB	29.665, 14.774, 32.211
XYZ	7.205, 6.101, 1.37
xyY	0.491, 0.416, 6.101
CIE-LCH	29.665, 35.438, 65.361
CIE-LUV	29.665, 31.788, 25.312
Hunter-Lab	24.7, 8.843, 14
Binary	01100110, 00111100, 00010010

#663c12
```
#663c12 rgb(102,60,18)
```
#123c66
```
#123c66 rgb(18,60,102)
```

Complementary Color

#661212
```
#661212 rgb(102,18,18)
```
#663c12
```
#663c12 rgb(102,60,18)
```
#666612
```
#666612 rgb(102,102,18)
```

Analogous Color

#121266
```
#121266 rgb(18,18,102)
```
#663c12
```
#663c12 rgb(102,60,18)
```
#126666
```
#126666 rgb(18,102,102)
```

Split Complementary Color

#3c1266
```
#3c1266 rgb(60,18,102)
```
#663c12
```
#663c12 rgb(102,60,18)
```
#12663c
```
#12663c rgb(18,102,60)
```

Triadic Color

#66123c
```
#66123c rgb(102,18,60)
```
#663c12
```
#663c12 rgb(102,60,18)
```
#12663c
```
#12663c rgb(18,102,60)
```
#123c66
```
#123c66 rgb(18,60,102)
```

Tetradic Color

#251607
```
#251607 rgb(37,22,7)
```
#3b230a
```
#3b230a rgb(59,35,10)
```
#502f0e
```
#502f0e rgb(80,47,14)
```
#663c12
```
#663c12 rgb(102,60,18)
```
#7c4916
```
#7c4916 rgb(124,73,22)
```
#91561a
```
#91561a rgb(145,86,26)
```
#a7621d
```
#a7621d rgb(167,98,29)
```

Monochromatic Color

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

#662712
```
#662712 rgb(102,39,18)
```
#662e12
```
#662e12 rgb(102,46,18)
```
#663512
```
#663512 rgb(102,53,18)
```
#663c12
```
#663c12 rgb(102,60,18)
```
#664312
```
#664312 rgb(102,67,18)
```
#664a12
```
#664a12 rgb(102,74,18)
```
#665112
```
#665112 rgb(102,81,18)
```

Similar Colors

Text with hexadecimal color #663c12

This text has a font color of #663c12.

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

#663c12 background color

This paragraph has a background color of #663c12.

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

#663c12 border color

This element has a border color of #663c12.

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

CSS codes

.text {color:#663c12;}

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

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

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

#020100
```
#020100 rgb(2,1,0)
```
#130b03
```
#130b03 rgb(19,11,3)
```
#231506
```
#231506 rgb(35,21,6)
```
#341f09
```
#341f09 rgb(52,31,9)
```
#45280c
```
#45280c rgb(69,40,12)
```
#55320f
```
#55320f rgb(85,50,15)
```
#663c12
```
#663c12 rgb(102,60,18)
```
#774615
```
#774615 rgb(119,70,21)
```
#875018
```
#875018 rgb(135,80,24)
```
#98591b
```
#98591b rgb(152,89,27)
```
#a9631e
```
#a9631e rgb(169,99,30)
```
#b96d21
```
#b96d21 rgb(185,109,33)
```
#ca7724
```
#ca7724 rgb(202,119,36)
```

Shade Color Variation

#d98128
```
#d98128 rgb(217,129,40)
```
#dc8a39
```
#dc8a39 rgb(220,138,57)
```
#df944a
```
#df944a rgb(223,148,74)
```
#e29e5a
```
#e29e5a rgb(226,158,90)
```
#e5a86b
```
#e5a86b rgb(229,168,107)
```
#e8b27c
```
#e8b27c rgb(232,178,124)
```
#ebbc8c
```
#ebbc8c rgb(235,188,140)
```
#eec59d
```
#eec59d rgb(238,197,157)
```
#f1cfae
```
#f1cfae rgb(241,207,174)
```
#f4d9be
```
#f4d9be rgb(244,217,190)
```
#f7e3cf
```
#f7e3cf rgb(247,227,207)
```
#f9ede0
```
#f9ede0 rgb(249,237,224)
```
#fcf6f0
```
#fcf6f0 rgb(252,246,240)
```

Tint Color Variation

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

#3c3c3c
```
#3c3c3c rgb(60,60,60)
```
#413c37
```
#413c37 rgb(65,60,55)
```
#463c32
```
#463c32 rgb(70,60,50)
```
#4a3c2e
```
#4a3c2e rgb(74,60,46)
```
#4f3c29
```
#4f3c29 rgb(79,60,41)
```
#543c24
```
#543c24 rgb(84,60,36)
```
#583c20
```
#583c20 rgb(88,60,32)
```
#5d3c1b
```
#5d3c1b rgb(93,60,27)
```
#613c17
```
#613c17 rgb(97,60,23)
```
#663c12
```
#663c12 rgb(102,60,18)
```
#6b3c0d
```
#6b3c0d rgb(107,60,13)
```
#6f3c09
```
#6f3c09 rgb(111,60,9)
```
#743c04
```
#743c04 rgb(116,60,4)
```

Tone Color Variation

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

#444444 Achromatopsia 0.005% of the population
#4b423a Atypical Achromatopsia 0.001% of the population

Dichromacy

#584f20 Protanopia 1% of men
#624b1c Deuteranopia 1% of men
#704246 Tritanopia 0.001% of the population

Trichromacy

#5d481b Protanomaly 1% of men, 0.01% of women
#634618 Deuteranomaly 6% of men, 0.4% of women
#6c3f33 Tritanomaly 0.01% of the population

#663c12 hex color

#663c12 Color Information

#663c12 Color Conversion

Color Schemes with #663c12

Alternatives to #663c12

#663c12 Preview

Shades and Tints of #663c12

Tones of #663c12

Color Blindness Simulator