#af5b37 hex color

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

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

● #af5b37 color description : Dark moderate orange.

The hexadecimal color #af5b37 has RGB values of R:175, G:91, B:55 and CMYK values of C:0, M:0.48, Y:0.69, K:0.31. Its decimal value is 11492151.

Hex triplet	af5b37	`#af5b37`
RGB Decimal	175, 91, 55	`rgb(175,91,55)`
RGB Percent	68.6, 35.7, 21.6	`rgb(68.6%,35.7%,21.6%)`
CMYK	0, 48, 69, 31
HSL	18°, 52.2, 45.1	`hsl(18,52.2%,45.1%)`
HSV (or HSB)	18°, 68.6, 68.6
Web Safe	996633	`#996633`

CIE-LAB	48.101, 31.212, 35.671
XYZ	22.111, 16.874, 5.707
xyY	0.495, 0.378, 16.874
CIE-LCH	48.101, 47.399, 48.814
CIE-LUV	48.101, 65.465, 31.982
Hunter-Lab	41.078, 24.193, 20.517
Binary	10101111, 01011011, 00110111

#af5b37
```
#af5b37 rgb(175,91,55)
```
#378baf
```
#378baf rgb(55,139,175)
```

Complementary Color

#af374f
```
#af374f rgb(175,55,79)
```
#af5b37
```
#af5b37 rgb(175,91,55)
```
#af9737
```
#af9737 rgb(175,151,55)
```

Analogous Color

#374faf
```
#374faf rgb(55,79,175)
```
#af5b37
```
#af5b37 rgb(175,91,55)
```
#37af97
```
#37af97 rgb(55,175,151)
```

Split Complementary Color

#5b37af
```
#5b37af rgb(91,55,175)
```
#af5b37
```
#af5b37 rgb(175,91,55)
```
#37af5b
```
#37af5b rgb(55,175,91)
```

Triadic Color

#af378b
```
#af378b rgb(175,55,139)
```
#af5b37
```
#af5b37 rgb(175,91,55)
```
#37af5b
```
#37af5b rgb(55,175,91)
```
#378baf
```
#378baf rgb(55,139,175)
```

Tetradic Color

#753d25
```
#753d25 rgb(117,61,37)
```
#88472b
```
#88472b rgb(136,71,43)
```
#9c5131
```
#9c5131 rgb(156,81,49)
```
#af5b37
```
#af5b37 rgb(175,91,55)
```
#c2653d
```
#c2653d rgb(194,101,61)
```
#c87551
```
#c87551 rgb(200,117,81)
```
#ce8464
```
#ce8464 rgb(206,132,100)
```

Monochromatic Color

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

#af3d37
```
#af3d37 rgb(175,61,55)
```
#af4737
```
#af4737 rgb(175,71,55)
```
#af5137
```
#af5137 rgb(175,81,55)
```
#af5b37
```
#af5b37 rgb(175,91,55)
```
#af6537
```
#af6537 rgb(175,101,55)
```
#af6f37
```
#af6f37 rgb(175,111,55)
```
#af7937
```
#af7937 rgb(175,121,55)
```

Similar Colors

Text with hexadecimal color #af5b37

This text has a font color of #af5b37.

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

#af5b37 background color

This paragraph has a background color of #af5b37.

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

#af5b37 border color

This element has a border color of #af5b37.

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

CSS codes

.text {color:#af5b37;}

.background {background-color:#af5b37;}

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

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

#0b0603
```
#0b0603 rgb(11,6,3)
```
#1a0d08
```
#1a0d08 rgb(26,13,8)
```
#29150d
```
#29150d rgb(41,21,13)
```
#381d11
```
#381d11 rgb(56,29,17)
```
#472516
```
#472516 rgb(71,37,22)
```
#552c1b
```
#552c1b rgb(85,44,27)
```
#643420
```
#643420 rgb(100,52,32)
```
#733c24
```
#733c24 rgb(115,60,36)
```
#824429
```
#824429 rgb(130,68,41)
```
#914b2e
```
#914b2e rgb(145,75,46)
```
#a05332
```
#a05332 rgb(160,83,50)
```
#af5b37
```
#af5b37 rgb(175,91,55)
```
#be633c
```
#be633c rgb(190,99,60)
```

Shade Color Variation

#c56d48
```
#c56d48 rgb(197,109,72)
```
#ca7957
```
#ca7957 rgb(202,121,87)
```
#cf8566
```
#cf8566 rgb(207,133,102)
```
#d39175
```
#d39175 rgb(211,145,117)
```
#d89d84
```
#d89d84 rgb(216,157,132)
```
#dda992
```
#dda992 rgb(221,169,146)
```
#e2b5a1
```
#e2b5a1 rgb(226,181,161)
```
#e6c0b0
```
#e6c0b0 rgb(230,192,176)
```
#ebccbf
```
#ebccbf rgb(235,204,191)
```
#f0d8ce
```
#f0d8ce rgb(240,216,206)
```
#f4e4dd
```
#f4e4dd rgb(244,228,221)
```
#f9f0ec
```
#f9f0ec rgb(249,240,236)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#7a706c
```
#7a706c rgb(122,112,108)
```
#836d63
```
#836d63 rgb(131,109,99)
```
#8c695a
```
#8c695a rgb(140,105,90)
```
#946652
```
#946652 rgb(148,102,82)
```
#9d6249
```
#9d6249 rgb(157,98,73)
```
#a65f40
```
#a65f40 rgb(166,95,64)
```
#af5b37
```
#af5b37 rgb(175,91,55)
```
#b8572e
```
#b8572e rgb(184,87,46)
```
#c15425
```
#c15425 rgb(193,84,37)
```
#ca501c
```
#ca501c rgb(202,80,28)
```
#d24d14
```
#d24d14 rgb(210,77,20)
```
#db490b
```
#db490b rgb(219,73,11)
```
#e44602
```
#e44602 rgb(228,70,2)
```

Tone Color Variation

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

#707070 Achromatopsia 0.005% of the population
#7d6c65 Atypical Achromatopsia 0.001% of the population

Dichromacy

#847948 Protanopia 1% of men
#94743c Deuteranopia 1% of men
#b55f65 Tritanopia 0.001% of the population

Trichromacy

#946e42 Protanomaly 1% of men, 0.01% of women
#9e6a3a Deuteranomaly 6% of men, 0.4% of women
#b35d54 Tritanomaly 0.01% of the population

#af5b37 hex color

#af5b37 Color Information

#af5b37 Color Conversion

Color Schemes with #af5b37

Alternatives to #af5b37

#af5b37 Preview

Shades and Tints of #af5b37

Tones of #af5b37

Color Blindness Simulator