#af7f37 hex color

In a RGB color space, hex #af7f37 is composed of 68.6% red, 49.8% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.4% magenta, 68.6% yellow and 31.4% black. It has a hue angle of 36 degrees, a saturation of 52.2% and a lightness of 45.1%. #af7f37 color hex could be obtained by blending #fffe6e with #5f0000. Closest websafe color is: #996633.

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

● #af7f37 color description : Dark moderate orange.

The hexadecimal color #af7f37 has RGB values of R:175, G:127, B:55 and CMYK values of C:0, M:0.27, Y:0.69, K:0.31. Its decimal value is 11501367.

Hex triplet	af7f37	`#af7f37`
RGB Decimal	175, 127, 55	`rgb(175,127,55)`
RGB Percent	68.6, 49.8, 21.6	`rgb(68.6%,49.8%,21.6%)`
CMYK	0, 27, 69, 31
HSL	36°, 52.2, 45.1	`hsl(36,52.2%,45.1%)`
HSV (or HSB)	36°, 68.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	56.654, 11.239, 45.185
XYZ	25.959, 24.57, 6.99
xyY	0.451, 0.427, 24.57
CIE-LCH	56.654, 46.562, 76.033
CIE-LUV	56.654, 38.354, 47.059
Hunter-Lab	49.568, 6.735, 26.337
Binary	10101111, 01111111, 00110111

#af7f37
```
#af7f37 rgb(175,127,55)
```
#3767af
```
#3767af rgb(55,103,175)
```

Complementary Color

#af4337
```
#af4337 rgb(175,67,55)
```
#af7f37
```
#af7f37 rgb(175,127,55)
```
#a3af37
```
#a3af37 rgb(163,175,55)
```

Analogous Color

#4337af
```
#4337af rgb(67,55,175)
```
#af7f37
```
#af7f37 rgb(175,127,55)
```
#37a3af
```
#37a3af rgb(55,163,175)
```

Split Complementary Color

#7f37af
```
#7f37af rgb(127,55,175)
```
#af7f37
```
#af7f37 rgb(175,127,55)
```
#37af7f
```
#37af7f rgb(55,175,127)
```

Triadic Color

#af3767
```
#af3767 rgb(175,55,103)
```
#af7f37
```
#af7f37 rgb(175,127,55)
```
#37af7f
```
#37af7f rgb(55,175,127)
```
#3767af
```
#3767af rgb(55,103,175)
```

Tetradic Color

#755525
```
#755525 rgb(117,85,37)
```
#88632b
```
#88632b rgb(136,99,43)
```
#9c7131
```
#9c7131 rgb(156,113,49)
```
#af7f37
```
#af7f37 rgb(175,127,55)
```
#c28d3d
```
#c28d3d rgb(194,141,61)
```
#c89851
```
#c89851 rgb(200,152,81)
```
#cea464
```
#cea464 rgb(206,164,100)
```

Monochromatic Color

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

#af6137
```
#af6137 rgb(175,97,55)
```
#af6b37
```
#af6b37 rgb(175,107,55)
```
#af7537
```
#af7537 rgb(175,117,55)
```
#af7f37
```
#af7f37 rgb(175,127,55)
```
#af8937
```
#af8937 rgb(175,137,55)
```
#af9337
```
#af9337 rgb(175,147,55)
```
#af9d37
```
#af9d37 rgb(175,157,55)
```

Similar Colors

Text with hexadecimal color #af7f37

This text has a font color of #af7f37.

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

#af7f37 background color

This paragraph has a background color of #af7f37.

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

#af7f37 border color

This element has a border color of #af7f37.

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

CSS codes

.text {color:#af7f37;}

.background {background-color:#af7f37;}

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

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

#0b0803
```
#0b0803 rgb(11,8,3)
```
#1a1308
```
#1a1308 rgb(26,19,8)
```
#291e0d
```
#291e0d rgb(41,30,13)
```
#382811
```
#382811 rgb(56,40,17)
```
#473316
```
#473316 rgb(71,51,22)
```
#553e1b
```
#553e1b rgb(85,62,27)
```
#644920
```
#644920 rgb(100,73,32)
```
#735424
```
#735424 rgb(115,84,36)
```
#825f29
```
#825f29 rgb(130,95,41)
```
#91692e
```
#91692e rgb(145,105,46)
```
#a07432
```
#a07432 rgb(160,116,50)
```
#af7f37
```
#af7f37 rgb(175,127,55)
```
#be8a3c
```
#be8a3c rgb(190,138,60)
```

Shade Color Variation

#c59348
```
#c59348 rgb(197,147,72)
```
#ca9c57
```
#ca9c57 rgb(202,156,87)
```
#cfa566
```
#cfa566 rgb(207,165,102)
```
#d3ae75
```
#d3ae75 rgb(211,174,117)
```
#d8b684
```
#d8b684 rgb(216,182,132)
```
#ddbf92
```
#ddbf92 rgb(221,191,146)
```
#e2c8a1
```
#e2c8a1 rgb(226,200,161)
```
#e6d1b0
```
#e6d1b0 rgb(230,209,176)
```
#ebd9bf
```
#ebd9bf rgb(235,217,191)
```
#f0e2ce
```
#f0e2ce rgb(240,226,206)
```
#f4ebdd
```
#f4ebdd rgb(244,235,221)
```
#f9f4ec
```
#f9f4ec rgb(249,244,236)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#7a746c
```
#7a746c rgb(122,116,108)
```
#837663
```
#837663 rgb(131,118,99)
```
#8c785a
```
#8c785a rgb(140,120,90)
```
#947a52
```
#947a52 rgb(148,122,82)
```
#9d7b49
```
#9d7b49 rgb(157,123,73)
```
#a67d40
```
#a67d40 rgb(166,125,64)
```
#af7f37
```
#af7f37 rgb(175,127,55)
```
#b8812e
```
#b8812e rgb(184,129,46)
```
#c18325
```
#c18325 rgb(193,131,37)
```
#ca841c
```
#ca841c rgb(202,132,28)
```
#d28614
```
#d28614 rgb(210,134,20)
```
#db880b
```
#db880b rgb(219,136,11)
```
#e48a02
```
#e48a02 rgb(228,138,2)
```

Tone Color Variation

Below, you can see how #af7f37 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
#8d8475 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9d8e43 Protanopia 1% of men
#ae8740 Deuteranopia 1% of men
#b87e86 Tritanopia 0.001% of the population

Trichromacy

#a3883f Protanomaly 1% of men, 0.01% of women
#ae843d Deuteranomaly 6% of men, 0.4% of women
#b57e69 Tritanomaly 0.01% of the population

#af7f37 hex color

#af7f37 Color Information

#af7f37 Color Conversion

Color Schemes with #af7f37

Alternatives to #af7f37

#af7f37 Preview

Shades and Tints of #af7f37

Tones of #af7f37

Color Blindness Simulator