colorhexa.com

#663a1f hex color

In a RGB color space, hex #663a1f is composed of 40% red, 22.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 43.1% magenta, 69.6% yellow and 60% black. It has a hue angle of 22.8 degrees, a saturation of 53.4% and a lightness of 26.1%. #663a1f color hex could be obtained by blending #cc743e with #000000. Closest websafe color is: #663333.

- R 40
- G 23
- B 12
RGB color chart
- C 0
- M 43
- Y 70
- K 60
CMYK color chart

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

The hexadecimal color #663a1f has RGB values of R:102, G:58, B:31 and CMYK values of C:0, M:0.43, Y:0.7, K:0.6. Its decimal value is 6699551.

Hex triplet	663a1f	`#663a1f`
RGB Decimal	102, 58, 31	`rgb(102,58,31)`
RGB Percent	40, 22.7, 12.2	`rgb(40%,22.7%,12.2%)`
CMYK	0, 43, 70, 60
HSL	22.8°, 53.4, 26.1	`hsl(22.8,53.4%,26.1%)`
HSV (or HSB)	22.8°, 69.6, 40
Web Safe	663333	`#663333`

CIE-LAB	29.287, 16.75, 24.758
XYZ	7.24, 5.95, 2.063
xyY	0.475, 0.39, 5.95
CIE-LCH	29.287, 29.892, 55.92
CIE-LUV	29.287, 32.052, 20.25
Hunter-Lab	24.393, 10.291, 12.06
Binary	01100110, 00111010, 00011111

#663a1f
```
#663a1f rgb(102,58,31)
```
#1f4b66
```
#1f4b66 rgb(31,75,102)
```

Complementary Color

#661f28
```
#661f28 rgb(102,31,40)
```
#663a1f
```
#663a1f rgb(102,58,31)
```
#665e1f
```
#665e1f rgb(102,94,31)
```

Analogous Color

#1f2866
```
#1f2866 rgb(31,40,102)
```
#663a1f
```
#663a1f rgb(102,58,31)
```
#1f665e
```
#1f665e rgb(31,102,94)
```

Split Complementary Color

#3a1f66
```
#3a1f66 rgb(58,31,102)
```
#663a1f
```
#663a1f rgb(102,58,31)
```
#1f663a
```
#1f663a rgb(31,102,58)
```

Triadic Color

#2b190d
```
#2b190d rgb(43,25,13)
```
#3f2413
```
#3f2413 rgb(63,36,19)
```
#522f19
```
#522f19 rgb(82,47,25)
```
#663a1f
```
#663a1f rgb(102,58,31)
```
#7a4525
```
#7a4525 rgb(122,69,37)
```
#8d502b
```
#8d502b rgb(141,80,43)
```
#a15b31
```
#a15b31 rgb(161,91,49)
```

Monochromatic Color

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

#66281f
```
#66281f rgb(102,40,31)
```
#662e1f
```
#662e1f rgb(102,46,31)
```
#66341f
```
#66341f rgb(102,52,31)
```
#663a1f
```
#663a1f rgb(102,58,31)
```
#66401f
```
#66401f rgb(102,64,31)
```
#66461f
```
#66461f rgb(102,70,31)
```
#664c1f
```
#664c1f rgb(102,76,31)
```

Similar Colors

Text with hexadecimal color #663a1f

This text has a font color of #663a1f.

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

#663a1f background color

This paragraph has a background color of #663a1f.

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

#663a1f border color

This element has a border color of #663a1f.

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

CSS codes

.text {color:#663a1f;}

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

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

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

#0c0704
```
#0c0704 rgb(12,7,4)
```
#1b0f08
```
#1b0f08 rgb(27,15,8)
```
#2a180d
```
#2a180d rgb(42,24,13)
```
#392011
```
#392011 rgb(57,32,17)
```
#482916
```
#482916 rgb(72,41,22)
```
#57311a
```
#57311a rgb(87,49,26)
```
#663a1f
```
#663a1f rgb(102,58,31)
```
#754324
```
#754324 rgb(117,67,36)
```
#844b28
```
#844b28 rgb(132,75,40)
```
#93542d
```
#93542d rgb(147,84,45)
```
#a25c31
```
#a25c31 rgb(162,92,49)
```
#b16536
```
#b16536 rgb(177,101,54)
```
#c06d3a
```
#c06d3a rgb(192,109,58)
```

Shade Color Variation

#c77847
```
#c77847 rgb(199,120,71)
```
#cc8356
```
#cc8356 rgb(204,131,86)
```
#d08e65
```
#d08e65 rgb(208,142,101)
```
#d59974
```
#d59974 rgb(213,153,116)
```
#d9a483
```
#d9a483 rgb(217,164,131)
```
#deaf92
```
#deaf92 rgb(222,175,146)
```
#e3baa1
```
#e3baa1 rgb(227,186,161)
```
#e7c5b0
```
#e7c5b0 rgb(231,197,176)
```
#ecd0c0
```
#ecd0c0 rgb(236,208,192)
```
#f0dbcf
```
#f0dbcf rgb(240,219,207)
```
#f5e6de
```
#f5e6de rgb(245,230,222)
```
#f9f2ed
```
#f9f2ed rgb(249,242,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#47413e
```
#47413e rgb(71,65,62)
```
#4c4039
```
#4c4039 rgb(76,64,57)
```
#523f33
```
#523f33 rgb(82,63,51)
```
#573e2e
```
#573e2e rgb(87,62,46)
```
#5c3c29
```
#5c3c29 rgb(92,60,41)
```
#613b24
```
#613b24 rgb(97,59,36)
```
#663a1f
```
#663a1f rgb(102,58,31)
```
#6b391a
```
#6b391a rgb(107,57,26)
```
#703815
```
#703815 rgb(112,56,21)
```
#753610
```
#753610 rgb(117,54,16)
```
#7a350b
```
#7a350b rgb(122,53,11)
```
#803405
```
#803405 rgb(128,52,5)
```
#853300
```
#853300 rgb(133,51,0)
```

Tone Color Variation

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

Dichromacy

#564e2e Protanopia 1% of men
#604b28 Deuteranopia 1% of men
#6f4145 Tritanopia 0.001% of the population

Trichromacy

#5b4728 Protanomaly 1% of men, 0.01% of women
#624425 Deuteranomaly 6% of men, 0.4% of women
#6c3e37 Tritanomaly 0.01% of the population