#af7c60 hex color

In a RGB color space, hex #af7c60 is composed of 68.6% red, 48.6% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.1% magenta, 45.1% yellow and 31.4% black. It has a hue angle of 21.3 degrees, a saturation of 33.1% and a lightness of 53.1%. #af7c60 color hex could be obtained by blending #fff8c0 with #5f0000. Closest websafe color is: #996666.

♥
- f
- t
- g
- R 69
- G 49
- B 38
RGB color chart
- C 0
- M 29
- Y 45
- K 31
CMYK color chart

● #af7c60 color description : Dark moderate orange.

The hexadecimal color #af7c60 has RGB values of R:175, G:124, B:96 and CMYK values of C:0, M:0.29, Y:0.45, K:0.31. Its decimal value is 11500640.

Hex triplet	af7c60	`#af7c60`
RGB Decimal	175, 124, 96	`rgb(175,124,96)`
RGB Percent	68.6, 48.6, 37.6	`rgb(68.6%,48.6%,37.6%)`
CMYK	0, 29, 45, 31
HSL	21.3°, 33.1, 53.1	`hsl(21.3,33.1%,53.1%)`
HSV (or HSB)	21.3°, 45.1, 68.6
Web Safe	996666	`#996666`

CIE-LAB	56.461, 16.343, 23.157
XYZ	26.998, 24.375, 14.349
xyY	0.411, 0.371, 24.375
CIE-LCH	56.461, 28.344, 54.788
CIE-LUV	56.461, 36.728, 25.837
Hunter-Lab	49.371, 11.212, 17.329
Binary	10101111, 01111100, 01100000

#af7c60
```
#af7c60 rgb(175,124,96)
```
#6093af
```
#6093af rgb(96,147,175)
```

Complementary Color

#af606c
```
#af606c rgb(175,96,108)
```
#af7c60
```
#af7c60 rgb(175,124,96)
```
#afa460
```
#afa460 rgb(175,164,96)
```

Analogous Color

#606caf
```
#606caf rgb(96,108,175)
```
#af7c60
```
#af7c60 rgb(175,124,96)
```
#60afa4
```
#60afa4 rgb(96,175,164)
```

Split Complementary Color

#7c60af
```
#7c60af rgb(124,96,175)
```
#af7c60
```
#af7c60 rgb(175,124,96)
```
#60af7c
```
#60af7c rgb(96,175,124)
```

Triadic Color

#af6093
```
#af6093 rgb(175,96,147)
```
#af7c60
```
#af7c60 rgb(175,124,96)
```
#60af7c
```
#60af7c rgb(96,175,124)
```
#6093af
```
#6093af rgb(96,147,175)
```

Tetradic Color

#815841
```
#815841 rgb(129,88,65)
```
#92634a
```
#92634a rgb(146,99,74)
```
#a36f52
```
#a36f52 rgb(163,111,82)
```
#af7c60
```
#af7c60 rgb(175,124,96)
```
#b88a71
```
#b88a71 rgb(184,138,113)
```
#c09882
```
#c09882 rgb(192,152,130)
```
#c9a693
```
#c9a693 rgb(201,166,147)
```

Monochromatic Color

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

#af6860
```
#af6860 rgb(175,104,96)
```
#af6f60
```
#af6f60 rgb(175,111,96)
```
#af7560
```
#af7560 rgb(175,117,96)
```
#af7c60
```
#af7c60 rgb(175,124,96)
```
#af8360
```
#af8360 rgb(175,131,96)
```
#af8960
```
#af8960 rgb(175,137,96)
```
#af9060
```
#af9060 rgb(175,144,96)
```

Similar Colors

Text with hexadecimal color #af7c60

This text has a font color of #af7c60.

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

#af7c60 background color

This paragraph has a background color of #af7c60.

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

#af7c60 border color

This element has a border color of #af7c60.

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

CSS codes

.text {color:#af7c60;}

.background {background-color:#af7c60;}

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

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

#0b0705
```
#0b0705 rgb(11,7,5)
```
#18100c
```
#18100c rgb(24,16,12)
```
#251912
```
#251912 rgb(37,25,18)
```
#322219
```
#322219 rgb(50,34,25)
```
#3f2b20
```
#3f2b20 rgb(63,43,32)
```
#4c3426
```
#4c3426 rgb(76,52,38)
```
#593c2d
```
#593c2d rgb(89,60,45)
```
#664533
```
#664533 rgb(102,69,51)
```
#734e3a
```
#734e3a rgb(115,78,58)
```
#805740
```
#805740 rgb(128,87,64)
```
#8d6047
```
#8d6047 rgb(141,96,71)
```
#9a694e
```
#9a694e rgb(154,105,78)
```
#a77254
```
#a77254 rgb(167,114,84)
```

Shade Color Variation

#af7c60
```
#af7c60 rgb(175,124,96)
```
#b6876d
```
#b6876d rgb(182,135,109)
```
#bc927a
```
#bc927a rgb(188,146,122)
```
#c39c87
```
#c39c87 rgb(195,156,135)
```
#c9a794
```
#c9a794 rgb(201,167,148)
```
#d0b2a1
```
#d0b2a1 rgb(208,178,161)
```
#d6bdae
```
#d6bdae rgb(214,189,174)
```
#ddc7bb
```
#ddc7bb rgb(221,199,187)
```
#e4d2c8
```
#e4d2c8 rgb(228,210,200)
```
#eaddd5
```
#eaddd5 rgb(234,221,213)
```
#f1e8e2
```
#f1e8e2 rgb(241,232,226)
```
#f7f2f0
```
#f7f2f0 rgb(247,242,240)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#8a8785
```
#8a8785 rgb(138,135,133)
```
#93847c
```
#93847c rgb(147,132,124)
```
#9d8172
```
#9d8172 rgb(157,129,114)
```
#a67f69
```
#a67f69 rgb(166,127,105)
```
#af7c60
```
#af7c60 rgb(175,124,96)
```
#b87957
```
#b87957 rgb(184,121,87)
```
#c1774e
```
#c1774e rgb(193,119,78)
```
#cb7444
```
#cb7444 rgb(203,116,68)
```
#d4713b
```
#d4713b rgb(212,113,59)
```
#dd6f32
```
#dd6f32 rgb(221,111,50)
```
#e66c29
```
#e66c29 rgb(230,108,41)
```
#ef6920
```
#ef6920 rgb(239,105,32)
```
#f96716
```
#f96716 rgb(249,103,22)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#908680 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978d6c Protanopia 1% of men
#a78866 Deuteranopia 1% of men
#b67e87 Tritanopia 0.001% of the population

Trichromacy

#9f8768 Protanomaly 1% of men, 0.01% of women
#aa8364 Deuteranomaly 6% of men, 0.4% of women
#b37d78 Tritanomaly 0.01% of the population

#af7c60 hex color

#af7c60 Color Information

#af7c60 Color Conversion

Color Schemes with #af7c60

Alternatives to #af7c60

#af7c60 Preview

Shades and Tints of #af7c60

Tones of #af7c60

Color Blindness Simulator