#af752a hex color

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

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

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

The hexadecimal color #af752a has RGB values of R:175, G:117, B:42 and CMYK values of C:0, M:0.33, Y:0.76, K:0.31. Its decimal value is 11498794.

Hex triplet	af752a	`#af752a`
RGB Decimal	175, 117, 42	`rgb(175,117,42)`
RGB Percent	68.6, 45.9, 16.5	`rgb(68.6%,45.9%,16.5%)`
CMYK	0, 33, 76, 31
HSL	33.8°, 61.3, 42.5	`hsl(33.8,61.3%,42.5%)`
HSV (or HSB)	33.8°, 76, 68.6
Web Safe	996633	`#996633`

CIE-LAB	54.033, 16.166, 48.419
XYZ	24.459, 22.005, 5.15
xyY	0.474, 0.426, 22.005
CIE-LCH	54.033, 51.046, 71.536
CIE-LUV	54.033, 46.775, 47.024
Hunter-Lab	46.91, 10.978, 26.328
Binary	10101111, 01110101, 00101010

#af752a
```
#af752a rgb(175,117,42)
```
#2a64af
```
#2a64af rgb(42,100,175)
```

Complementary Color

#af332a
```
#af332a rgb(175,51,42)
```
#af752a
```
#af752a rgb(175,117,42)
```
#a7af2a
```
#a7af2a rgb(167,175,42)
```

Analogous Color

#332aaf
```
#332aaf rgb(51,42,175)
```
#af752a
```
#af752a rgb(175,117,42)
```
#2aa7af
```
#2aa7af rgb(42,167,175)
```

Split Complementary Color

#752aaf
```
#752aaf rgb(117,42,175)
```
#af752a
```
#af752a rgb(175,117,42)
```
#2aaf75
```
#2aaf75 rgb(42,175,117)
```

Triadic Color

#af2a64
```
#af2a64 rgb(175,42,100)
```
#af752a
```
#af752a rgb(175,117,42)
```
#2aaf75
```
#2aaf75 rgb(42,175,117)
```
#2a64af
```
#2a64af rgb(42,100,175)
```

Tetradic Color

#714c1b
```
#714c1b rgb(113,76,27)
```
#865a20
```
#865a20 rgb(134,90,32)
```
#9a6725
```
#9a6725 rgb(154,103,37)
```
#af752a
```
#af752a rgb(175,117,42)
```
#c4832f
```
#c4832f rgb(196,131,47)
```
#d08f3c
```
#d08f3c rgb(208,143,60)
```
#d59b50
```
#d59b50 rgb(213,155,80)
```

Monochromatic Color

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

#af542a
```
#af542a rgb(175,84,42)
```
#af5f2a
```
#af5f2a rgb(175,95,42)
```
#af6a2a
```
#af6a2a rgb(175,106,42)
```
#af752a
```
#af752a rgb(175,117,42)
```
#af802a
```
#af802a rgb(175,128,42)
```
#af8b2a
```
#af8b2a rgb(175,139,42)
```
#af962a
```
#af962a rgb(175,150,42)
```

Similar Colors

Text with hexadecimal color #af752a

This text has a font color of #af752a.

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

#af752a background color

This paragraph has a background color of #af752a.

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

#af752a border color

This element has a border color of #af752a.

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

CSS codes

.text {color:#af752a;}

.background {background-color:#af752a;}

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

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 #fbf7f0 is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#110b04
```
#110b04 rgb(17,11,4)
```
#211608
```
#211608 rgb(33,22,8)
```
#30200c
```
#30200c rgb(48,32,12)
```
#402b0f
```
#402b0f rgb(64,43,15)
```
#503613
```
#503613 rgb(80,54,19)
```
#604017
```
#604017 rgb(96,64,23)
```
#704b1b
```
#704b1b rgb(112,75,27)
```
#80551f
```
#80551f rgb(128,85,31)
```
#8f6022
```
#8f6022 rgb(143,96,34)
```
#9f6a26
```
#9f6a26 rgb(159,106,38)
```
#af752a
```
#af752a rgb(175,117,42)
```
#bf802e
```
#bf802e rgb(191,128,46)
```

Shade Color Variation

#ce8a32
```
#ce8a32 rgb(206,138,50)
```
#d29342
```
#d29342 rgb(210,147,66)
```
#d59c52
```
#d59c52 rgb(213,156,82)
```
#d9a562
```
#d9a562 rgb(217,165,98)
```
#ddae72
```
#ddae72 rgb(221,174,114)
```
#e1b781
```
#e1b781 rgb(225,183,129)
```
#e5c091
```
#e5c091 rgb(229,192,145)
```
#e8c9a1
```
#e8c9a1 rgb(232,201,161)
```
#ecd2b1
```
#ecd2b1 rgb(236,210,177)
```
#f0dbc1
```
#f0dbc1 rgb(240,219,193)
```
#f4e4d1
```
#f4e4d1 rgb(244,228,209)
```
#f8ede0
```
#f8ede0 rgb(248,237,224)
```
#fbf7f0
```
#fbf7f0 rgb(251,247,240)
```

Tint Color Variation

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

#756e64
```
#756e64 rgb(117,110,100)
```
#7d6f5c
```
#7d6f5c rgb(125,111,92)
```
#857054
```
#857054 rgb(133,112,84)
```
#8e714b
```
#8e714b rgb(142,113,75)
```
#967243
```
#967243 rgb(150,114,67)
```
#9e733b
```
#9e733b rgb(158,115,59)
```
#a77432
```
#a77432 rgb(167,116,50)
```
#af752a
```
#af752a rgb(175,117,42)
```
#b77622
```
#b77622 rgb(183,118,34)
```
#c07719
```
#c07719 rgb(192,119,25)
```
#c87811
```
#c87811 rgb(200,120,17)
```
#d07909
```
#d07909 rgb(208,121,9)
```
#d97a00
```
#d97a00 rgb(217,122,0)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#887c6d Atypical Achromatopsia 0.001% of the population

Dichromacy

#968738 Protanopia 1% of men
#a88133 Deuteranopia 1% of men
#b7747c Tritanopia 0.001% of the population

Trichromacy

#9f8133 Protanomaly 1% of men, 0.01% of women
#aa7c2f Deuteranomaly 6% of men, 0.4% of women
#b4745e Tritanomaly 0.01% of the population

#af752a hex color

#af752a Color Information

#af752a Color Conversion

Color Schemes with #af752a

Alternatives to #af752a

#af752a Preview

Shades and Tints of #af752a

Tones of #af752a

Color Blindness Simulator