#663314 hex color

In a RGB color space, hex #663314 is composed of 40% red, 20% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 80.4% yellow and 60% black. It has a hue angle of 22.7 degrees, a saturation of 67.2% and a lightness of 23.9%. #663314 color hex could be obtained by blending #cc6628 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 40
- G 20
- B 8
RGB color chart
- C 0
- M 50
- Y 80
- K 60
CMYK color chart

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

The hexadecimal color #663314 has RGB values of R:102, G:51, B:20 and CMYK values of C:0, M:0.5, Y:0.8, K:0.6. Its decimal value is 6697748.

Hex triplet	663314	`#663314`
RGB Decimal	102, 51, 20	`rgb(102,51,20)`
RGB Percent	40, 20, 7.8	`rgb(40%,20%,7.8%)`
CMYK	0, 50, 80, 60
HSL	22.7°, 67.2, 23.9	`hsl(22.7,67.2%,23.9%)`
HSV (or HSB)	22.7°, 80.4, 40
Web Safe	663300	`#663300`

CIE-LAB	27.418, 20.319, 28.956
XYZ	6.79, 5.244, 1.316
xyY	0.509, 0.393, 5.244
CIE-LCH	27.418, 35.374, 54.942
CIE-LUV	27.418, 37.775, 21.238
Hunter-Lab	22.899, 12.855, 12.621
Binary	01100110, 00110011, 00010100

#663314
```
#663314 rgb(102,51,20)
```
#144766
```
#144766 rgb(20,71,102)
```

Complementary Color

#66141e
```
#66141e rgb(102,20,30)
```
#663314
```
#663314 rgb(102,51,20)
```
#665c14
```
#665c14 rgb(102,92,20)
```

Analogous Color

#141e66
```
#141e66 rgb(20,30,102)
```
#663314
```
#663314 rgb(102,51,20)
```
#14665c
```
#14665c rgb(20,102,92)
```

Split Complementary Color

#331466
```
#331466 rgb(51,20,102)
```
#663314
```
#663314 rgb(102,51,20)
```
#146633
```
#146633 rgb(20,102,51)
```

Triadic Color

#661447
```
#661447 rgb(102,20,71)
```
#663314
```
#663314 rgb(102,51,20)
```
#146633
```
#146633 rgb(20,102,51)
```
#144766
```
#144766 rgb(20,71,102)
```

Tetradic Color

#261307
```
#261307 rgb(38,19,7)
```
#3b1e0c
```
#3b1e0c rgb(59,30,12)
```
#512810
```
#512810 rgb(81,40,16)
```
#663314
```
#663314 rgb(102,51,20)
```
#7b3e18
```
#7b3e18 rgb(123,62,24)
```
#91481c
```
#91481c rgb(145,72,28)
```
#a65321
```
#a65321 rgb(166,83,33)
```

Monochromatic Color

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

#661f14
```
#661f14 rgb(102,31,20)
```
#662514
```
#662514 rgb(102,37,20)
```
#662c14
```
#662c14 rgb(102,44,20)
```
#663314
```
#663314 rgb(102,51,20)
```
#663a14
```
#663a14 rgb(102,58,20)
```
#664114
```
#664114 rgb(102,65,20)
```
#664814
```
#664814 rgb(102,72,20)
```

Similar Colors

Text with hexadecimal color #663314

This text has a font color of #663314.

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

#663314 background color

This paragraph has a background color of #663314.

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

#663314 border color

This element has a border color of #663314.

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

CSS codes

.text {color:#663314;}

.background {background-color:#663314;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140a04
```
#140a04 rgb(20,10,4)
```
#241207
```
#241207 rgb(36,18,7)
```
#351a0a
```
#351a0a rgb(53,26,10)
```
#45230e
```
#45230e rgb(69,35,14)
```
#562b11
```
#562b11 rgb(86,43,17)
```
#663314
```
#663314 rgb(102,51,20)
```
#763b17
```
#763b17 rgb(118,59,23)
```
#87431a
```
#87431a rgb(135,67,26)
```
#974c1e
```
#974c1e rgb(151,76,30)
```
#a85421
```
#a85421 rgb(168,84,33)
```
#b85c24
```
#b85c24 rgb(184,92,36)
```
#c86427
```
#c86427 rgb(200,100,39)
```

Shade Color Variation

#d66d2d
```
#d66d2d rgb(214,109,45)
```
#d9793e
```
#d9793e rgb(217,121,62)
```
#dc844e
```
#dc844e rgb(220,132,78)
```
#e08f5f
```
#e08f5f rgb(224,143,95)
```
#e39b6f
```
#e39b6f rgb(227,155,111)
```
#e6a67f
```
#e6a67f rgb(230,166,127)
```
#e9b290
```
#e9b290 rgb(233,178,144)
```
#ecbda0
```
#ecbda0 rgb(236,189,160)
```
#f0c8b1
```
#f0c8b1 rgb(240,200,177)
```
#f3d4c1
```
#f3d4c1 rgb(243,212,193)
```
#f6dfd1
```
#f6dfd1 rgb(246,223,209)
```
#f9ebe2
```
#f9ebe2 rgb(249,235,226)
```
#fcf6f2
```
#fcf6f2 rgb(252,246,242)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #403c3a is the less saturated color, while #792e01 is the most saturated one.

#403c3a
```
#403c3a rgb(64,60,58)
```
#453b35
```
#453b35 rgb(69,59,53)
```
#4a3a30
```
#4a3a30 rgb(74,58,48)
```
#4f392b
```
#4f392b rgb(79,57,43)
```
#533827
```
#533827 rgb(83,56,39)
```
#583622
```
#583622 rgb(88,54,34)
```
#5d351d
```
#5d351d rgb(93,53,29)
```
#613419
```
#613419 rgb(97,52,25)
```
#663314
```
#663314 rgb(102,51,20)
```
#6b320f
```
#6b320f rgb(107,50,15)
```
#6f310b
```
#6f310b rgb(111,49,11)
```
#743006
```
#743006 rgb(116,48,6)
```
#792e01
```
#792e01 rgb(121,46,1)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#473d36 Atypical Achromatopsia 0.001% of the population

Dichromacy

#524a23 Protanopia 1% of men
#5c471d Deuteranopia 1% of men
#6f3a3e Tritanopia 0.001% of the population

Trichromacy

#59421e Protanomaly 1% of men, 0.01% of women
#5f3f19 Deuteranomaly 6% of men, 0.4% of women
#6c372e Tritanomaly 0.01% of the population

#663314 hex color

#663314 Color Information

#663314 Color Conversion

Color Schemes with #663314

Alternatives to #663314

#663314 Preview

Shades and Tints of #663314

Tones of #663314

Color Blindness Simulator