#af5233 hex color

In a RGB color space, hex #af5233 is composed of 68.6% red, 32.2% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.1% magenta, 70.9% yellow and 31.4% black. It has a hue angle of 15 degrees, a saturation of 54.9% and a lightness of 44.3%. #af5233 color hex could be obtained by blending #ffa466 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 32
- B 20
RGB color chart
- C 0
- M 53
- Y 71
- K 31
CMYK color chart

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

The hexadecimal color #af5233 has RGB values of R:175, G:82, B:51 and CMYK values of C:0, M:0.53, Y:0.71, K:0.31. Its decimal value is 11489843.

Hex triplet	af5233	`#af5233`
RGB Decimal	175, 82, 51	`rgb(175,82,51)`
RGB Percent	68.6, 32.2, 20	`rgb(68.6%,32.2%,20%)`
CMYK	0, 53, 71, 31
HSL	15°, 54.9, 44.3	`hsl(15,54.9%,44.3%)`
HSV (or HSB)	15°, 70.9, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.163, 35.734, 35.649
XYZ	21.295, 15.39, 4.981
xyY	0.511, 0.369, 15.39
CIE-LCH	46.163, 50.476, 44.932
CIE-LUV	46.163, 72.666, 30.16
Hunter-Lab	39.23, 28.243, 19.933
Binary	10101111, 01010010, 00110011

#af5233
```
#af5233 rgb(175,82,51)
```
#3390af
```
#3390af rgb(51,144,175)
```

Complementary Color

#af3352
```
#af3352 rgb(175,51,82)
```
#af5233
```
#af5233 rgb(175,82,51)
```
#af9033
```
#af9033 rgb(175,144,51)
```

Analogous Color

#3352af
```
#3352af rgb(51,82,175)
```
#af5233
```
#af5233 rgb(175,82,51)
```
#33af90
```
#33af90 rgb(51,175,144)
```

Split Complementary Color

#5233af
```
#5233af rgb(82,51,175)
```
#af5233
```
#af5233 rgb(175,82,51)
```
#33af52
```
#33af52 rgb(51,175,82)
```

Triadic Color

#af3390
```
#af3390 rgb(175,51,144)
```
#af5233
```
#af5233 rgb(175,82,51)
```
#33af52
```
#33af52 rgb(51,175,82)
```
#3390af
```
#3390af rgb(51,144,175)
```

Tetradic Color

#743622
```
#743622 rgb(116,54,34)
```
#883f27
```
#883f27 rgb(136,63,39)
```
#9b492d
```
#9b492d rgb(155,73,45)
```
#af5233
```
#af5233 rgb(175,82,51)
```
#c35b39
```
#c35b39 rgb(195,91,57)
```
#ca6b4b
```
#ca6b4b rgb(202,107,75)
```
#d07b5e
```
#d07b5e rgb(208,123,94)
```

Monochromatic Color

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

#af3333
```
#af3333 rgb(175,51,51)
```
#af3d33
```
#af3d33 rgb(175,61,51)
```
#af4833
```
#af4833 rgb(175,72,51)
```
#af5233
```
#af5233 rgb(175,82,51)
```
#af5c33
```
#af5c33 rgb(175,92,51)
```
#af6733
```
#af6733 rgb(175,103,51)
```
#af7133
```
#af7133 rgb(175,113,51)
```

Similar Colors

Text with hexadecimal color #af5233

This text has a font color of #af5233.

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

#af5233 background color

This paragraph has a background color of #af5233.

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

#af5233 border color

This element has a border color of #af5233.

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

CSS codes

.text {color:#af5233;}

.background {background-color:#af5233;}

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

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

#080402
```
#080402 rgb(8,4,2)
```
#170b07
```
#170b07 rgb(23,11,7)
```
#26120b
```
#26120b rgb(38,18,11)
```
#351910
```
#351910 rgb(53,25,16)
```
#452014
```
#452014 rgb(69,32,20)
```
#542718
```
#542718 rgb(84,39,24)
```
#632e1d
```
#632e1d rgb(99,46,29)
```
#723621
```
#723621 rgb(114,54,33)
```
#813d26
```
#813d26 rgb(129,61,38)
```
#91442a
```
#91442a rgb(145,68,42)
```
#a04b2f
```
#a04b2f rgb(160,75,47)
```
#af5233
```
#af5233 rgb(175,82,51)
```
#be5937
```
#be5937 rgb(190,89,55)
```

Shade Color Variation

#c86341
```
#c86341 rgb(200,99,65)
```
#cc7051
```
#cc7051 rgb(204,112,81)
```
#d17c60
```
#d17c60 rgb(209,124,96)
```
#d5896f
```
#d5896f rgb(213,137,111)
```
#d9957e
```
#d9957e rgb(217,149,126)
```
#dea28d
```
#dea28d rgb(222,162,141)
```
#e2ae9d
```
#e2ae9d rgb(226,174,157)
```
#e7bbac
```
#e7bbac rgb(231,187,172)
```
#ebc7bb
```
#ebc7bb rgb(235,199,187)
```
#f0d4ca
```
#f0d4ca rgb(240,212,202)
```
#f4e0d9
```
#f4e0d9 rgb(244,224,217)
```
#f8ede9
```
#f8ede9 rgb(248,237,233)
```
#fdf9f8
```
#fdf9f8 rgb(253,249,248)
```

Tint Color Variation

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

#727070
```
#727070 rgb(114,112,112)
```
#7b6c67
```
#7b6c67 rgb(123,108,103)
```
#84685e
```
#84685e rgb(132,104,94)
```
#8c6356
```
#8c6356 rgb(140,99,86)
```
#955f4d
```
#955f4d rgb(149,95,77)
```
#9e5b44
```
#9e5b44 rgb(158,91,68)
```
#a6563c
```
#a6563c rgb(166,86,60)
```
#af5233
```
#af5233 rgb(175,82,51)
```
#b84e2a
```
#b84e2a rgb(184,78,42)
```
#c04922
```
#c04922 rgb(192,73,34)
```
#c94519
```
#c94519 rgb(201,69,25)
```
#d24110
```
#d24110 rgb(210,65,16)
```
#da3c08
```
#da3c08 rgb(218,60,8)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#78655f Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7445 Protanopia 1% of men
#8f6f37 Deuteranopia 1% of men
#b4575c Tritanopia 0.001% of the population

Trichromacy

#90683f Protanomaly 1% of men, 0.01% of women
#9a6436 Deuteranomaly 6% of men, 0.4% of women
#b2554d Tritanomaly 0.01% of the population

#af5233 hex color

#af5233 Color Information

#af5233 Color Conversion

Color Schemes with #af5233

Alternatives to #af5233

#af5233 Preview

Shades and Tints of #af5233

Tones of #af5233

Color Blindness Simulator