#ac631f hex color

In a RGB color space, hex #ac631f is composed of 67.5% red, 38.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.4% magenta, 82% yellow and 32.5% black. It has a hue angle of 28.9 degrees, a saturation of 69.5% and a lightness of 39.8%. #ac631f color hex could be obtained by blending #ffc63e with #590000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 67
- G 39
- B 12
RGB color chart
- C 0
- M 42
- Y 82
- K 33
CMYK color chart

● #ac631f color description : Dark orange [Brown tone].

The hexadecimal color #ac631f has RGB values of R:172, G:99, B:31 and CMYK values of C:0, M:0.42, Y:0.82, K:0.33. Its decimal value is 11297567.

Hex triplet	ac631f	`#ac631f`
RGB Decimal	172, 99, 31	`rgb(172,99,31)`
RGB Percent	67.5, 38.8, 12.2	`rgb(67.5%,38.8%,12.2%)`
CMYK	0, 42, 82, 33
HSL	28.9°, 69.5, 39.8	`hsl(28.9,69.5%,39.8%)`
HSV (or HSB)	28.9°, 82, 67.5
Web Safe	996633	`#996633`

CIE-LAB	49.247, 24.467, 48.38
XYZ	21.723, 17.795, 3.587
xyY	0.504, 0.413, 17.795
CIE-LCH	49.247, 54.214, 63.173
CIE-LUV	49.247, 59.137, 42.617
Hunter-Lab	42.184, 18.098, 24.487
Binary	10101100, 01100011, 00011111

#ac631f
```
#ac631f rgb(172,99,31)
```
#1f68ac
```
#1f68ac rgb(31,104,172)
```

Complementary Color

#ac1f21
```
#ac1f21 rgb(172,31,33)
```
#ac631f
```
#ac631f rgb(172,99,31)
```
#acaa1f
```
#acaa1f rgb(172,170,31)
```

Analogous Color

#1f22ac
```
#1f22ac rgb(31,34,172)
```
#ac631f
```
#ac631f rgb(172,99,31)
```
#1facaa
```
#1facaa rgb(31,172,170)
```

Split Complementary Color

#631fac
```
#631fac rgb(99,31,172)
```
#ac631f
```
#ac631f rgb(172,99,31)
```
#1fac63
```
#1fac63 rgb(31,172,99)
```

Triadic Color

#ac1f68
```
#ac1f68 rgb(172,31,104)
```
#ac631f
```
#ac631f rgb(172,99,31)
```
#1fac63
```
#1fac63 rgb(31,172,99)
```
#1f68ac
```
#1f68ac rgb(31,104,172)
```

Tetradic Color

#6b3e13
```
#6b3e13 rgb(107,62,19)
```
#814a17
```
#814a17 rgb(129,74,23)
```
#96571b
```
#96571b rgb(150,87,27)
```
#ac631f
```
#ac631f rgb(172,99,31)
```
#c26f23
```
#c26f23 rgb(194,111,35)
```
#d77c27
```
#d77c27 rgb(215,124,39)
```
#dc893c
```
#dc893c rgb(220,137,60)
```

Monochromatic Color

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

#ac401f
```
#ac401f rgb(172,64,31)
```
#ac4c1f
```
#ac4c1f rgb(172,76,31)
```
#ac571f
```
#ac571f rgb(172,87,31)
```
#ac631f
```
#ac631f rgb(172,99,31)
```
#ac6f1f
```
#ac6f1f rgb(172,111,31)
```
#ac7b1f
```
#ac7b1f rgb(172,123,31)
```
#ac861f
```
#ac861f rgb(172,134,31)
```

Similar Colors

Text with hexadecimal color #ac631f

This text has a font color of #ac631f.

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

#ac631f background color

This paragraph has a background color of #ac631f.

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

#ac631f border color

This element has a border color of #ac631f.

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

CSS codes

.text {color:#ac631f;}

.background {background-color:#ac631f;}

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

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

#060301
```
#060301 rgb(6,3,1)
```
#160d04
```
#160d04 rgb(22,13,4)
```
#271607
```
#271607 rgb(39,22,7)
```
#38200a
```
#38200a rgb(56,32,10)
```
#482a0d
```
#482a0d rgb(72,42,13)
```
#593310
```
#593310 rgb(89,51,16)
```
#6a3d13
```
#6a3d13 rgb(106,61,19)
```
#7a4616
```
#7a4616 rgb(122,70,22)
```
#8b5019
```
#8b5019 rgb(139,80,25)
```
#9b591c
```
#9b591c rgb(155,89,28)
```
#ac631f
```
#ac631f rgb(172,99,31)
```
#bd6d22
```
#bd6d22 rgb(189,109,34)
```
#cd7625
```
#cd7625 rgb(205,118,37)
```

Shade Color Variation

#d9802d
```
#d9802d rgb(217,128,45)
```
#dc8a3d
```
#dc8a3d rgb(220,138,61)
```
#df944e
```
#df944e rgb(223,148,78)
```
#e29e5f
```
#e29e5f rgb(226,158,95)
```
#e5a86f
```
#e5a86f rgb(229,168,111)
```
#e8b280
```
#e8b280 rgb(232,178,128)
```
#ebbc90
```
#ebbc90 rgb(235,188,144)
```
#eec6a1
```
#eec6a1 rgb(238,198,161)
```
#f1d0b2
```
#f1d0b2 rgb(241,208,178)
```
#f4dac2
```
#f4dac2 rgb(244,218,194)
```
#f7e4d3
```
#f7e4d3 rgb(247,228,211)
```
#faeee4
```
#faeee4 rgb(250,238,228)
```
#fdf8f4
```
#fdf8f4 rgb(253,248,244)
```

Tint Color Variation

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

#666565
```
#666565 rgb(102,101,101)
```
#6e655d
```
#6e655d rgb(110,101,93)
```
#756556
```
#756556 rgb(117,101,86)
```
#7d654e
```
#7d654e rgb(125,101,78)
```
#856446
```
#856446 rgb(133,100,70)
```
#8d643e
```
#8d643e rgb(141,100,62)
```
#956436
```
#956436 rgb(149,100,54)
```
#9c642f
```
#9c642f rgb(156,100,47)
```
#a46327
```
#a46327 rgb(164,99,39)
```
#ac631f
```
#ac631f rgb(172,99,31)
```
#b46317
```
#b46317 rgb(180,99,23)
```
#bc620f
```
#bc620f rgb(188,98,15)
```
#c36208
```
#c36208 rgb(195,98,8)
```

Tone Color Variation

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

#717171 Achromatopsia 0.005% of the population
#7d6e61 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8a7c2f Protanopia 1% of men
#9a7625 Deuteranopia 1% of men
#b3646b Tritanopia 0.001% of the population

Trichromacy

#967329 Protanomaly 1% of men, 0.01% of women
#a06f23 Deuteranomaly 6% of men, 0.4% of women
#b0644f Tritanomaly 0.01% of the population

#ac631f hex color

#ac631f Color Information

#ac631f Color Conversion

Color Schemes with #ac631f

Alternatives to #ac631f

#ac631f Preview

Shades and Tints of #ac631f

Tones of #ac631f

Color Blindness Simulator