#af5023 hex color

In a RGB color space, hex #af5023 is composed of 68.6% red, 31.4% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 54.3% magenta, 80% yellow and 31.4% black. It has a hue angle of 19.3 degrees, a saturation of 66.7% and a lightness of 41.2%. #af5023 color hex could be obtained by blending #ffa046 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 31
- B 14
RGB color chart
- C 0
- M 54
- Y 80
- K 31
CMYK color chart

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

The hexadecimal color #af5023 has RGB values of R:175, G:80, B:35 and CMYK values of C:0, M:0.54, Y:0.8, K:0.31. Its decimal value is 11489315.

Hex triplet	af5023	`#af5023`
RGB Decimal	175, 80, 35	`rgb(175,80,35)`
RGB Percent	68.6, 31.4, 13.7	`rgb(68.6%,31.4%,13.7%)`
CMYK	0, 54, 80, 31
HSL	19.3°, 66.7, 41.2	`hsl(19.3,66.7%,41.2%)`
HSV (or HSB)	19.3°, 80, 68.6
Web Safe	996633	`#996633`

CIE-LAB	45.599, 36.045, 43.335
XYZ	20.852, 14.975, 3.382
xyY	0.532, 0.382, 14.975
CIE-LCH	45.599, 56.366, 50.247
CIE-LUV	45.599, 76.149, 34.916
Hunter-Lab	38.697, 28.465, 21.906
Binary	10101111, 01010000, 00100011

#af5023
```
#af5023 rgb(175,80,35)
```
#2382af
```
#2382af rgb(35,130,175)
```

Complementary Color

#af233c
```
#af233c rgb(175,35,60)
```
#af5023
```
#af5023 rgb(175,80,35)
```
#af9623
```
#af9623 rgb(175,150,35)
```

Analogous Color

#233caf
```
#233caf rgb(35,60,175)
```
#af5023
```
#af5023 rgb(175,80,35)
```
#23af96
```
#23af96 rgb(35,175,150)
```

Split Complementary Color

#5023af
```
#5023af rgb(80,35,175)
```
#af5023
```
#af5023 rgb(175,80,35)
```
#23af50
```
#23af50 rgb(35,175,80)
```

Triadic Color

#af2382
```
#af2382 rgb(175,35,130)
```
#af5023
```
#af5023 rgb(175,80,35)
```
#23af50
```
#23af50 rgb(35,175,80)
```
#2382af
```
#2382af rgb(35,130,175)
```

Tetradic Color

#6f3316
```
#6f3316 rgb(111,51,22)
```
#853d1b
```
#853d1b rgb(133,61,27)
```
#9a461f
```
#9a461f rgb(154,70,31)
```
#af5023
```
#af5023 rgb(175,80,35)
```
#c45a27
```
#c45a27 rgb(196,90,39)
```
#d66530
```
#d66530 rgb(214,101,48)
```
#da7545
```
#da7545 rgb(218,117,69)
```

Monochromatic Color

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

#af2d23
```
#af2d23 rgb(175,45,35)
```
#af3923
```
#af3923 rgb(175,57,35)
```
#af4423
```
#af4423 rgb(175,68,35)
```
#af5023
```
#af5023 rgb(175,80,35)
```
#af5c23
```
#af5c23 rgb(175,92,35)
```
#af6723
```
#af6723 rgb(175,103,35)
```
#af7323
```
#af7323 rgb(175,115,35)
```

Similar Colors

Text with hexadecimal color #af5023

This text has a font color of #af5023.

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

#af5023 background color

This paragraph has a background color of #af5023.

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

#af5023 border color

This element has a border color of #af5023.

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

CSS codes

.text {color:#af5023;}

.background {background-color:#af5023;}

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

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

#0c0502
```
#0c0502 rgb(12,5,2)
```
#1c0d06
```
#1c0d06 rgb(28,13,6)
```
#2c1409
```
#2c1409 rgb(44,20,9)
```
#3d1c0c
```
#3d1c0c rgb(61,28,12)
```
#4d230f
```
#4d230f rgb(77,35,15)
```
#5d2b13
```
#5d2b13 rgb(93,43,19)
```
#6e3216
```
#6e3216 rgb(110,50,22)
```
#7e3a19
```
#7e3a19 rgb(126,58,25)
```
#8e411c
```
#8e411c rgb(142,65,28)
```
#9f4920
```
#9f4920 rgb(159,73,32)
```
#af5023
```
#af5023 rgb(175,80,35)
```
#bf5726
```
#bf5726 rgb(191,87,38)
```
#d05f2a
```
#d05f2a rgb(208,95,42)
```

Shade Color Variation

#d76a36
```
#d76a36 rgb(215,106,54)
```
#da7646
```
#da7646 rgb(218,118,70)
```
#dd8257
```
#dd8257 rgb(221,130,87)
```
#e18e67
```
#e18e67 rgb(225,142,103)
```
#e49a77
```
#e49a77 rgb(228,154,119)
```
#e7a688
```
#e7a688 rgb(231,166,136)
```
#eab398
```
#eab398 rgb(234,179,152)
```
#eebfa8
```
#eebfa8 rgb(238,191,168)
```
#f1cbb9
```
#f1cbb9 rgb(241,203,185)
```
#f4d7c9
```
#f4d7c9 rgb(244,215,201)
```
#f8e3da
```
#f8e3da rgb(248,227,218)
```
#fbefea
```
#fbefea rgb(251,239,234)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#6e6764
```
#6e6764 rgb(110,103,100)
```
#76645c
```
#76645c rgb(118,100,92)
```
#7f6153
```
#7f6153 rgb(127,97,83)
```
#875e4b
```
#875e4b rgb(135,94,75)
```
#8f5c43
```
#8f5c43 rgb(143,92,67)
```
#97593b
```
#97593b rgb(151,89,59)
```
#9f5633
```
#9f5633 rgb(159,86,51)
```
#a7532b
```
#a7532b rgb(167,83,43)
```
#af5023
```
#af5023 rgb(175,80,35)
```
#b74d1b
```
#b74d1b rgb(183,77,27)
```
#bf4a13
```
#bf4a13 rgb(191,74,19)
```
#c7470b
```
#c7470b rgb(199,71,11)
```
#cf4403
```
#cf4403 rgb(207,68,3)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#756259 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7f7335 Protanopia 1% of men
#8f6e27 Deuteranopia 1% of men
#b55459 Tritanopia 0.001% of the population

Trichromacy

#91662e Protanomaly 1% of men, 0.01% of women
#9a6325 Deuteranomaly 6% of men, 0.4% of women
#b25245 Tritanomaly 0.01% of the population

#af5023 hex color

#af5023 Color Information

#af5023 Color Conversion

Color Schemes with #af5023

Alternatives to #af5023

#af5023 Preview

Shades and Tints of #af5023

Tones of #af5023

Color Blindness Simulator