#af5628 hex color

In a RGB color space, hex #af5628 is composed of 68.6% red, 33.7% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50.9% magenta, 77.1% yellow and 31.4% black. It has a hue angle of 20.4 degrees, a saturation of 62.8% and a lightness of 42.2%. #af5628 color hex could be obtained by blending #ffac50 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 34
- B 16
RGB color chart
- C 0
- M 51
- Y 77
- K 31
CMYK color chart

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

The hexadecimal color #af5628 has RGB values of R:175, G:86, B:40 and CMYK values of C:0, M:0.51, Y:0.77, K:0.31. Its decimal value is 11490856.

Hex triplet	af5628	`#af5628`
RGB Decimal	175, 86, 40	`rgb(175,86,40)`
RGB Percent	68.6, 33.7, 15.7	`rgb(68.6%,33.7%,15.7%)`
CMYK	0, 51, 77, 31
HSL	20.4°, 62.8, 42.2	`hsl(20.4,62.8%,42.2%)`
HSV (or HSB)	20.4°, 77.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	46.876, 33.119, 42.172
XYZ	21.391, 15.925, 3.955
xyY	0.518, 0.386, 15.925
CIE-LCH	46.876, 53.622, 51.856
CIE-LUV	46.876, 71.045, 35.552
Hunter-Lab	39.906, 25.846, 22.058
Binary	10101111, 01010110, 00101000

#af5628
```
#af5628 rgb(175,86,40)
```
#2881af
```
#2881af rgb(40,129,175)
```

Complementary Color

#af283e
```
#af283e rgb(175,40,62)
```
#af5628
```
#af5628 rgb(175,86,40)
```
#af9a28
```
#af9a28 rgb(175,154,40)
```

Analogous Color

#283eaf
```
#283eaf rgb(40,62,175)
```
#af5628
```
#af5628 rgb(175,86,40)
```
#28af9a
```
#28af9a rgb(40,175,154)
```

Split Complementary Color

#5628af
```
#5628af rgb(86,40,175)
```
#af5628
```
#af5628 rgb(175,86,40)
```
#28af56
```
#28af56 rgb(40,175,86)
```

Triadic Color

#af2881
```
#af2881 rgb(175,40,129)
```
#af5628
```
#af5628 rgb(175,86,40)
```
#28af56
```
#28af56 rgb(40,175,86)
```
#2881af
```
#2881af rgb(40,129,175)
```

Tetradic Color

#71371a
```
#71371a rgb(113,55,26)
```
#85421f
```
#85421f rgb(133,66,31)
```
#9a4c23
```
#9a4c23 rgb(154,76,35)
```
#af5628
```
#af5628 rgb(175,86,40)
```
#c4602d
```
#c4602d rgb(196,96,45)
```
#d26d38
```
#d26d38 rgb(210,109,56)
```
#d67c4d
```
#d67c4d rgb(214,124,77)
```

Monochromatic Color

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

#af3428
```
#af3428 rgb(175,52,40)
```
#af4028
```
#af4028 rgb(175,64,40)
```
#af4b28
```
#af4b28 rgb(175,75,40)
```
#af5628
```
#af5628 rgb(175,86,40)
```
#af6128
```
#af6128 rgb(175,97,40)
```
#af6d28
```
#af6d28 rgb(175,109,40)
```
#af7828
```
#af7828 rgb(175,120,40)
```

Similar Colors

Text with hexadecimal color #af5628

This text has a font color of #af5628.

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

#af5628 background color

This paragraph has a background color of #af5628.

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

#af5628 border color

This element has a border color of #af5628.

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

CSS codes

.text {color:#af5628;}

.background {background-color:#af5628;}

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

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

#0f0804
```
#0f0804 rgb(15,8,4)
```
#1f0f07
```
#1f0f07 rgb(31,15,7)
```
#2f170b
```
#2f170b rgb(47,23,11)
```
#3f1f0e
```
#3f1f0e rgb(63,31,14)
```
#4f2712
```
#4f2712 rgb(79,39,18)
```
#5f2f16
```
#5f2f16 rgb(95,47,22)
```
#6f3719
```
#6f3719 rgb(111,55,25)
```
#7f3e1d
```
#7f3e1d rgb(127,62,29)
```
#8f4621
```
#8f4621 rgb(143,70,33)
```
#9f4e24
```
#9f4e24 rgb(159,78,36)
```
#af5628
```
#af5628 rgb(175,86,40)
```
#bf5e2c
```
#bf5e2c rgb(191,94,44)
```
#cf662f
```
#cf662f rgb(207,102,47)
```

Shade Color Variation

#d3713f
```
#d3713f rgb(211,113,63)
```
#d77d4f
```
#d77d4f rgb(215,125,79)
```
#da895f
```
#da895f rgb(218,137,95)
```
#de956f
```
#de956f rgb(222,149,111)
```
#e2a07f
```
#e2a07f rgb(226,160,127)
```
#e5ac8f
```
#e5ac8f rgb(229,172,143)
```
#e9b89f
```
#e9b89f rgb(233,184,159)
```
#edc4af
```
#edc4af rgb(237,196,175)
```
#f0cfbf
```
#f0cfbf rgb(240,207,191)
```
#f4dbce
```
#f4dbce rgb(244,219,206)
```
#f8e7de
```
#f8e7de rgb(248,231,222)
```
#fbf3ee
```
#fbf3ee rgb(251,243,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#6d6b6a
```
#6d6b6a rgb(109,107,106)
```
#756862
```
#756862 rgb(117,104,98)
```
#7d665a
```
#7d665a rgb(125,102,90)
```
#866351
```
#866351 rgb(134,99,81)
```
#8e6149
```
#8e6149 rgb(142,97,73)
```
#965e41
```
#965e41 rgb(150,94,65)
```
#9e5b39
```
#9e5b39 rgb(158,91,57)
```
#a75930
```
#a75930 rgb(167,89,48)
```
#af5628
```
#af5628 rgb(175,86,40)
```
#b75320
```
#b75320 rgb(183,83,32)
```
#c05117
```
#c05117 rgb(192,81,23)
```
#c84e0f
```
#c84e0f rgb(200,78,15)
```
#d04b07
```
#d04b07 rgb(208,75,7)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#79675e Atypical Achromatopsia 0.001% of the population

Dichromacy

#837639 Protanopia 1% of men
#92712d Deuteranopia 1% of men
#b5595f Tritanopia 0.001% of the population

Trichromacy

#936a33 Protanomaly 1% of men, 0.01% of women
#9d672b Deuteranomaly 6% of men, 0.4% of women
#b3584b Tritanomaly 0.01% of the population

#af5628 hex color

#af5628 Color Information

#af5628 Color Conversion

Color Schemes with #af5628

Alternatives to #af5628

#af5628 Preview

Shades and Tints of #af5628

Tones of #af5628

Color Blindness Simulator