#af612a hex color

In a RGB color space, hex #af612a is composed of 68.6% red, 38% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 44.6% magenta, 76% yellow and 31.4% black. It has a hue angle of 24.8 degrees, a saturation of 61.3% and a lightness of 42.5%. #af612a color hex could be obtained by blending #ffc254 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 38
- B 16
RGB color chart
- C 0
- M 45
- Y 76
- K 31
CMYK color chart

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

The hexadecimal color #af612a has RGB values of R:175, G:97, B:42 and CMYK values of C:0, M:0.45, Y:0.76, K:0.31. Its decimal value is 11493674.

Hex triplet	af612a	`#af612a`
RGB Decimal	175, 97, 42	`rgb(175,97,42)`
RGB Percent	68.6, 38, 16.5	`rgb(68.6%,38%,16.5%)`
CMYK	0, 45, 76, 31
HSL	24.8°, 61.3, 42.5	`hsl(24.8,61.3%,42.5%)`
HSV (or HSB)	24.8°, 76, 68.6
Web Safe	996633	`#996633`

CIE-LAB	49.292, 27.286, 43.66
XYZ	22.373, 17.832, 4.454
xyY	0.501, 0.399, 17.832
CIE-LCH	49.292, 51.485, 57.996
CIE-LUV	49.292, 62.344, 39.058
Hunter-Lab	42.228, 20.669, 23.306
Binary	10101111, 01100001, 00101010

#af612a
```
#af612a rgb(175,97,42)
```
#2a78af
```
#2a78af rgb(42,120,175)
```

Complementary Color

#af2a35
```
#af2a35 rgb(175,42,53)
```
#af612a
```
#af612a rgb(175,97,42)
```
#afa42a
```
#afa42a rgb(175,164,42)
```

Analogous Color

#2a35af
```
#2a35af rgb(42,53,175)
```
#af612a
```
#af612a rgb(175,97,42)
```
#2aafa4
```
#2aafa4 rgb(42,175,164)
```

Split Complementary Color

#612aaf
```
#612aaf rgb(97,42,175)
```
#af612a
```
#af612a rgb(175,97,42)
```
#2aaf61
```
#2aaf61 rgb(42,175,97)
```

Triadic Color

#af2a78
```
#af2a78 rgb(175,42,120)
```
#af612a
```
#af612a rgb(175,97,42)
```
#2aaf61
```
#2aaf61 rgb(42,175,97)
```
#2a78af
```
#2a78af rgb(42,120,175)
```

Tetradic Color

#713f1b
```
#713f1b rgb(113,63,27)
```
#864a20
```
#864a20 rgb(134,74,32)
```
#9a5625
```
#9a5625 rgb(154,86,37)
```
#af612a
```
#af612a rgb(175,97,42)
```
#c46c2f
```
#c46c2f rgb(196,108,47)
```
#d0793c
```
#d0793c rgb(208,121,60)
```
#d58750
```
#d58750 rgb(213,135,80)
```

Monochromatic Color

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

#af402a
```
#af402a rgb(175,64,42)
```
#af4b2a
```
#af4b2a rgb(175,75,42)
```
#af562a
```
#af562a rgb(175,86,42)
```
#af612a
```
#af612a rgb(175,97,42)
```
#af6c2a
```
#af6c2a rgb(175,108,42)
```
#af772a
```
#af772a rgb(175,119,42)
```
#af822a
```
#af822a rgb(175,130,42)
```

Similar Colors

Text with hexadecimal color #af612a

This text has a font color of #af612a.

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

#af612a background color

This paragraph has a background color of #af612a.

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

#af612a border color

This element has a border color of #af612a.

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

CSS codes

.text {color:#af612a;}

.background {background-color:#af612a;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110904
```
#110904 rgb(17,9,4)
```
#211208
```
#211208 rgb(33,18,8)
```
#301b0c
```
#301b0c rgb(48,27,12)
```
#40240f
```
#40240f rgb(64,36,15)
```
#502c13
```
#502c13 rgb(80,44,19)
```
#603517
```
#603517 rgb(96,53,23)
```
#703e1b
```
#703e1b rgb(112,62,27)
```
#80471f
```
#80471f rgb(128,71,31)
```
#8f4f22
```
#8f4f22 rgb(143,79,34)
```
#9f5826
```
#9f5826 rgb(159,88,38)
```
#af612a
```
#af612a rgb(175,97,42)
```
#bf6a2e
```
#bf6a2e rgb(191,106,46)
```

Shade Color Variation

#ce7332
```
#ce7332 rgb(206,115,50)
```
#d27e42
```
#d27e42 rgb(210,126,66)
```
#d58852
```
#d58852 rgb(213,136,82)
```
#d99362
```
#d99362 rgb(217,147,98)
```
#dd9e72
```
#dd9e72 rgb(221,158,114)
```
#e1a981
```
#e1a981 rgb(225,169,129)
```
#e5b491
```
#e5b491 rgb(229,180,145)
```
#e8bfa1
```
#e8bfa1 rgb(232,191,161)
```
#ecc9b1
```
#ecc9b1 rgb(236,201,177)
```
#f0d4c1
```
#f0d4c1 rgb(240,212,193)
```
#f4dfd1
```
#f4dfd1 rgb(244,223,209)
```
#f8eae0
```
#f8eae0 rgb(248,234,224)
```
#fbf5f0
```
#fbf5f0 rgb(251,245,240)
```

Tint Color Variation

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

#756b64
```
#756b64 rgb(117,107,100)
```
#7d6a5c
```
#7d6a5c rgb(125,106,92)
```
#856854
```
#856854 rgb(133,104,84)
```
#8e674b
```
#8e674b rgb(142,103,75)
```
#966543
```
#966543 rgb(150,101,67)
```
#9e643b
```
#9e643b rgb(158,100,59)
```
#a76232
```
#a76232 rgb(167,98,50)
```
#af612a
```
#af612a rgb(175,97,42)
```
#b76022
```
#b76022 rgb(183,96,34)
```
#c05e19
```
#c05e19 rgb(192,94,25)
```
#c85d11
```
#c85d11 rgb(200,93,17)
```
#d05b09
```
#d05b09 rgb(208,91,9)
```
#d95a00
```
#d95a00 rgb(217,90,0)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#7e6f64 Atypical Achromatopsia 0.001% of the population

Dichromacy

#897c3a Protanopia 1% of men
#997630 Deuteranopia 1% of men
#b66369 Tritanopia 0.001% of the population

Trichromacy

#977234 Protanomaly 1% of men, 0.01% of women
#a16e2e Deuteranomaly 6% of men, 0.4% of women
#b36252 Tritanomaly 0.01% of the population

#af612a hex color

#af612a Color Information

#af612a Color Conversion

Color Schemes with #af612a

Alternatives to #af612a

#af612a Preview

Shades and Tints of #af612a

Tones of #af612a

Color Blindness Simulator