#af7f38 hex color

In a RGB color space, hex #af7f38 is composed of 68.6% red, 49.8% green and 22% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 68% yellow and 31.4% black. It has a hue angle of 35.8 degrees, a saturation of 51.5% and a lightness of 45.3%. #af7f38 color hex could be obtained by blending #fffe70 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 50
- B 22
RGB color chart
- C 0
- M 27
- Y 68
- K 31
CMYK color chart

● #af7f38 color description : Dark moderate orange.

The hexadecimal color #af7f38 has RGB values of R:175, G:127, B:56 and CMYK values of C:0, M:0.27, Y:0.68, K:0.31. Its decimal value is 11501368.

Hex triplet	af7f38	`#af7f38`
RGB Decimal	175, 127, 56	`rgb(175,127,56)`
RGB Percent	68.6, 49.8, 22	`rgb(68.6%,49.8%,22%)`
CMYK	0, 27, 68, 31
HSL	35.8°, 51.5, 45.3	`hsl(35.8,51.5%,45.3%)`
HSV (or HSB)	35.8°, 68, 68.6
Web Safe	996633	`#996633`

CIE-LAB	56.664, 11.298, 44.718
XYZ	25.983, 24.58, 7.117
xyY	0.45, 0.426, 24.58
CIE-LCH	56.664, 46.123, 75.82
CIE-LUV	56.664, 38.288, 46.701
Hunter-Lab	49.578, 6.787, 26.193
Binary	10101111, 01111111, 00111000

#af7f38
```
#af7f38 rgb(175,127,56)
```
#3868af
```
#3868af rgb(56,104,175)
```

Complementary Color

#af4438
```
#af4438 rgb(175,68,56)
```
#af7f38
```
#af7f38 rgb(175,127,56)
```
#a4af38
```
#a4af38 rgb(164,175,56)
```

Analogous Color

#4438af
```
#4438af rgb(68,56,175)
```
#af7f38
```
#af7f38 rgb(175,127,56)
```
#38a4af
```
#38a4af rgb(56,164,175)
```

Split Complementary Color

#7f38af
```
#7f38af rgb(127,56,175)
```
#af7f38
```
#af7f38 rgb(175,127,56)
```
#38af7f
```
#38af7f rgb(56,175,127)
```

Triadic Color

#af3868
```
#af3868 rgb(175,56,104)
```
#af7f38
```
#af7f38 rgb(175,127,56)
```
#38af7f
```
#38af7f rgb(56,175,127)
```
#3868af
```
#3868af rgb(56,104,175)
```

Tetradic Color

#755525
```
#755525 rgb(117,85,37)
```
#88632c
```
#88632c rgb(136,99,44)
```
#9c7132
```
#9c7132 rgb(156,113,50)
```
#af7f38
```
#af7f38 rgb(175,127,56)
```
#c28d3f
```
#c28d3f rgb(194,141,63)
```
#c89852
```
#c89852 rgb(200,152,82)
```
#cea466
```
#cea466 rgb(206,164,102)
```

Monochromatic Color

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

#af6138
```
#af6138 rgb(175,97,56)
```
#af6b38
```
#af6b38 rgb(175,107,56)
```
#af7538
```
#af7538 rgb(175,117,56)
```
#af7f38
```
#af7f38 rgb(175,127,56)
```
#af8938
```
#af8938 rgb(175,137,56)
```
#af9338
```
#af9338 rgb(175,147,56)
```
#af9d38
```
#af9d38 rgb(175,157,56)
```

Similar Colors

Text with hexadecimal color #af7f38

This text has a font color of #af7f38.

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

#af7f38 background color

This paragraph has a background color of #af7f38.

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

#af7f38 border color

This element has a border color of #af7f38.

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

CSS codes

.text {color:#af7f38;}

.background {background-color:#af7f38;}

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

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

#0c0804
```
#0c0804 rgb(12,8,4)
```
#1a1308
```
#1a1308 rgb(26,19,8)
```
#291e0d
```
#291e0d rgb(41,30,13)
```
#382912
```
#382912 rgb(56,41,18)
```
#473417
```
#473417 rgb(71,52,23)
```
#563e1b
```
#563e1b rgb(86,62,27)
```
#654920
```
#654920 rgb(101,73,32)
```
#745425
```
#745425 rgb(116,84,37)
```
#825f2a
```
#825f2a rgb(130,95,42)
```
#91692e
```
#91692e rgb(145,105,46)
```
#a07433
```
#a07433 rgb(160,116,51)
```
#af7f38
```
#af7f38 rgb(175,127,56)
```
#be8a3d
```
#be8a3d rgb(190,138,61)
```

Shade Color Variation

#c59349
```
#c59349 rgb(197,147,73)
```
#ca9c58
```
#ca9c58 rgb(202,156,88)
```
#cea567
```
#cea567 rgb(206,165,103)
```
#d3ae76
```
#d3ae76 rgb(211,174,118)
```
#d8b685
```
#d8b685 rgb(216,182,133)
```
#ddbf94
```
#ddbf94 rgb(221,191,148)
```
#e1c8a3
```
#e1c8a3 rgb(225,200,163)
```
#e6d1b1
```
#e6d1b1 rgb(230,209,177)
```
#ebdac0
```
#ebdac0 rgb(235,218,192)
```
#f0e3cf
```
#f0e3cf rgb(240,227,207)
```
#f4ebde
```
#f4ebde rgb(244,235,222)
```
#f9f4ed
```
#f9f4ed rgb(249,244,237)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#7a756d
```
#7a756d rgb(122,117,109)
```
#837664
```
#837664 rgb(131,118,100)
```
#8b785c
```
#8b785c rgb(139,120,92)
```
#947a53
```
#947a53 rgb(148,122,83)
```
#9d7c4a
```
#9d7c4a rgb(157,124,74)
```
#a67d41
```
#a67d41 rgb(166,125,65)
```
#af7f38
```
#af7f38 rgb(175,127,56)
```
#b8812f
```
#b8812f rgb(184,129,47)
```
#c18226
```
#c18226 rgb(193,130,38)
```
#ca841d
```
#ca841d rgb(202,132,29)
```
#d38614
```
#d38614 rgb(211,134,20)
```
#db880c
```
#db880c rgb(219,136,12)
```
#e48903
```
#e48903 rgb(228,137,3)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#8d8476 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8e44 Protanopia 1% of men
#ae8741 Deuteranopia 1% of men
#b87e86 Tritanopia 0.001% of the population

Trichromacy

#a38840 Protanomaly 1% of men, 0.01% of women
#ae843e Deuteranomaly 6% of men, 0.4% of women
#b57e6a Tritanomaly 0.01% of the population

#af7f38 hex color

#af7f38 Color Information

#af7f38 Color Conversion

Color Schemes with #af7f38

Alternatives to #af7f38

#af7f38 Preview

Shades and Tints of #af7f38

Tones of #af7f38

Color Blindness Simulator