colorhexa.com

#af7a54 hex color

In a RGB color space, hex #af7a54 is composed of 68.6% red, 47.8% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.3% magenta, 52% yellow and 31.4% black. It has a hue angle of 25.1 degrees, a saturation of 36.3% and a lightness of 50.8%. #af7a54 color hex could be obtained by blending #fff4a8 with #5f0000. Closest websafe color is: #996666.

- R 69
- G 48
- B 33
RGB color chart
- C 0
- M 30
- Y 52
- K 31
CMYK color chart

● #af7a54 color description : Dark moderate orange.

The hexadecimal color #af7a54 has RGB values of R:175, G:122, B:84 and CMYK values of C:0, M:0.3, Y:0.52, K:0.31. Its decimal value is 11500116.

Hex triplet	af7a54	`#af7a54`
RGB Decimal	175, 122, 84	`rgb(175,122,84)`
RGB Percent	68.6, 47.8, 32.9	`rgb(68.6%,47.8%,32.9%)`
CMYK	0, 30, 52, 31
HSL	25.1°, 36.3, 50.8	`hsl(25.1,36.3%,50.8%)`
HSV (or HSB)	25.1°, 52, 68.6
Web Safe	996666	`#996666`

CIE-LAB	55.76, 16.255, 28.982
XYZ	26.239, 23.675, 11.575
xyY	0.427, 0.385, 23.675
CIE-LCH	55.76, 33.229, 60.713
CIE-LUV	55.76, 39.442, 31.716
Hunter-Lab	48.657, 11.112, 19.955
Binary	10101111, 01111010, 01010100

#af7a54
```
#af7a54 rgb(175,122,84)
```
#5489af
```
#5489af rgb(84,137,175)
```

Complementary Color

#af545b
```
#af545b rgb(175,84,91)
```
#af7a54
```
#af7a54 rgb(175,122,84)
```
#afa854
```
#afa854 rgb(175,168,84)
```

Analogous Color

#545baf
```
#545baf rgb(84,91,175)
```
#af7a54
```
#af7a54 rgb(175,122,84)
```
#54afa8
```
#54afa8 rgb(84,175,168)
```

Split Complementary Color

#7a54af
```
#7a54af rgb(122,84,175)
```
#af7a54
```
#af7a54 rgb(175,122,84)
```
#54af7a
```
#54af7a rgb(84,175,122)
```

Triadic Color

#af5489
```
#af5489 rgb(175,84,137)
```
#af7a54
```
#af7a54 rgb(175,122,84)
```
#54af7a
```
#54af7a rgb(84,175,122)
```
#5489af
```
#5489af rgb(84,137,175)
```

Tetradic Color

#7c563a
```
#7c563a rgb(124,86,58)
```
#8e6242
```
#8e6242 rgb(142,98,66)
```
#9f6e4a
```
#9f6e4a rgb(159,110,74)
```
#af7a54
```
#af7a54 rgb(175,122,84)
```
#b78865
```
#b78865 rgb(183,136,101)
```
#bf9577
```
#bf9577 rgb(191,149,119)
```
#c7a388
```
#c7a388 rgb(199,163,136)
```

Monochromatic Color

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

#af6354
```
#af6354 rgb(175,99,84)
```
#af6b54
```
#af6b54 rgb(175,107,84)
```
#af7254
```
#af7254 rgb(175,114,84)
```
#af7a54
```
#af7a54 rgb(175,122,84)
```
#af8254
```
#af8254 rgb(175,130,84)
```
#af8954
```
#af8954 rgb(175,137,84)
```
#af9154
```
#af9154 rgb(175,145,84)
```

Similar Colors

Text with hexadecimal color #af7a54

This text has a font color of #af7a54.

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

#af7a54 background color

This paragraph has a background color of #af7a54.

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

#af7a54 border color

This element has a border color of #af7a54.

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

CSS codes

.text {color:#af7a54;}

.background {background-color:#af7a54;}

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

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

#030201
```
#030201 rgb(3,2,1)
```
#100b08
```
#100b08 rgb(16,11,8)
```
#1d140e
```
#1d140e rgb(29,20,14)
```
#2b1e14
```
#2b1e14 rgb(43,30,20)
```
#38271a
```
#38271a rgb(56,39,26)
```
#463021
```
#463021 rgb(70,48,33)
```
#533927
```
#533927 rgb(83,57,39)
```
#60422d
```
#60422d rgb(96,66,45)
```
#6e4c33
```
#6e4c33 rgb(110,76,51)
```
#7b553a
```
#7b553a rgb(123,85,58)
```
#885e40
```
#885e40 rgb(136,94,64)
```
#966746
```
#966746 rgb(150,103,70)
```
#a3714c
```
#a3714c rgb(163,113,76)
```

Shade Color Variation

#af7a54
```
#af7a54 rgb(175,122,84)
```
#b58461
```
#b58461 rgb(181,132,97)
```
#bc8f6f
```
#bc8f6f rgb(188,143,111)
```
#c2997c
```
#c2997c rgb(194,153,124)
```
#c8a489
```
#c8a489 rgb(200,164,137)
```
#ceae97
```
#ceae97 rgb(206,174,151)
```
#d5b8a4
```
#d5b8a4 rgb(213,184,164)
```
#dbc3b2
```
#dbc3b2 rgb(219,195,178)
```
#e1cdbf
```
#e1cdbf rgb(225,205,191)
```
#e7d8cc
```
#e7d8cc rgb(231,216,204)
```
#eee2da
```
#eee2da rgb(238,226,218)
```
#f4ece7
```
#f4ece7 rgb(244,236,231)
```
#faf7f4
```
#faf7f4 rgb(250,247,244)
```

Tint Color Variation

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

#88807b
```
#88807b rgb(136,128,123)
```
#927f71
```
#927f71 rgb(146,127,113)
```
#9c7d67
```
#9c7d67 rgb(156,125,103)
```
#a57c5e
```
#a57c5e rgb(165,124,94)
```
#af7a54
```
#af7a54 rgb(175,122,84)
```
#b9784a
```
#b9784a rgb(185,120,74)
```
#c27741
```
#c27741 rgb(194,119,65)
```
#cc7537
```
#cc7537 rgb(204,117,55)
```
#d6742d
```
#d6742d rgb(214,116,45)
```
#df7224
```
#df7224 rgb(223,114,36)
```
#e9701a
```
#e9701a rgb(233,112,26)
```
#f36f10
```
#f36f10 rgb(243,111,16)
```
#fc6d07
```
#fc6d07 rgb(252,109,7)
```

Tone Color Variation

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

#868686 Achromatopsia 0.005% of the population
#8e847c Atypical Achromatopsia 0.001% of the population

Dichromacy

#978b60 Protanopia 1% of men
#a7865b Deuteranopia 1% of men
#b67b84 Tritanopia 0.001% of the population

Trichromacy

#9f855c Protanomaly 1% of men, 0.01% of women
#aa8158 Deuteranomaly 6% of men, 0.4% of women
#b37b72 Tritanomaly 0.01% of the population