#ffaf7c hex color

In a RGB color space, hex #ffaf7c is composed of 100% red, 68.6% green and 48.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 51.4% yellow and 0% black. It has a hue angle of 23.4 degrees, a saturation of 100% and a lightness of 74.3%. #ffaf7c color hex could be obtained by blending #fffff8 with #ff5f00. Closest websafe color is: #ff9966.

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

● #ffaf7c color description : Very light orange.

The hexadecimal color #ffaf7c has RGB values of R:255, G:175, B:124 and CMYK values of C:0, M:0.31, Y:0.51, K:0. Its decimal value is 16756604.

Hex triplet	ffaf7c	`#ffaf7c`
RGB Decimal	255, 175, 124	`rgb(255,175,124)`
RGB Percent	100, 68.6, 48.6	`rgb(100%,68.6%,48.6%)`
CMYK	0, 31, 51, 0
HSL	23.4°, 100, 74.3	`hsl(23.4,100%,74.3%)`
HSV (or HSB)	23.4°, 51.4, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	78.098, 23.82, 37.841
XYZ	60.209, 53.379, 26.2
xyY	0.431, 0.382, 53.379
CIE-LCH	78.098, 44.714, 57.811
CIE-LUV	78.098, 59.401, 43.672
Hunter-Lab	73.061, 19.244, 29.881
Binary	11111111, 10101111, 01111100

#ffaf7c
```
#ffaf7c rgb(255,175,124)
```
#7cccff
```
#7cccff rgb(124,204,255)
```

Complementary Color

#ff7c8b
```
#ff7c8b rgb(255,124,139)
```
#ffaf7c
```
#ffaf7c rgb(255,175,124)
```
#fff17c
```
#fff17c rgb(255,241,124)
```

Analogous Color

#7c8bff
```
#7c8bff rgb(124,139,255)
```
#ffaf7c
```
#ffaf7c rgb(255,175,124)
```
#7cfff1
```
#7cfff1 rgb(124,255,241)
```

Split Complementary Color

#af7cff
```
#af7cff rgb(175,124,255)
```
#ffaf7c
```
#ffaf7c rgb(255,175,124)
```
#7cffaf
```
#7cffaf rgb(124,255,175)
```

Triadic Color

#ff7ccc
```
#ff7ccc rgb(255,124,204)
```
#ffaf7c
```
#ffaf7c rgb(255,175,124)
```
#7cffaf
```
#7cffaf rgb(124,255,175)
```
#7cccff
```
#7cccff rgb(124,204,255)
```

Tetradic Color

#ff8030
```
#ff8030 rgb(255,128,48)
```
#ff9049
```
#ff9049 rgb(255,144,73)
```
#ff9f63
```
#ff9f63 rgb(255,159,99)
```
#ffaf7c
```
#ffaf7c rgb(255,175,124)
```
#ffbf96
```
#ffbf96 rgb(255,191,150)
```
#ffceaf
```
#ffceaf rgb(255,206,175)
```
#ffdec9
```
#ffdec9 rgb(255,222,201)
```

Monochromatic Color

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

#ff8e7c
```
#ff8e7c rgb(255,142,124)
```
#ff997c
```
#ff997c rgb(255,153,124)
```
#ffa47c
```
#ffa47c rgb(255,164,124)
```
#ffaf7c
```
#ffaf7c rgb(255,175,124)
```
#ffba7c
```
#ffba7c rgb(255,186,124)
```
#ffc57c
```
#ffc57c rgb(255,197,124)
```
#ffd07c
```
#ffd07c rgb(255,208,124)
```

Similar Colors

Text with hexadecimal color #ffaf7c

This text has a font color of #ffaf7c.

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

#ffaf7c background color

This paragraph has a background color of #ffaf7c.

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

#ffaf7c border color

This element has a border color of #ffaf7c.

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

CSS codes

.text {color:#ffaf7c;}

.background {background-color:#ffaf7c;}

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

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

#060200
```
#060200 rgb(6,2,0)
```
#1a0a00
```
#1a0a00 rgb(26,10,0)
```
#2e1200
```
#2e1200 rgb(46,18,0)
```
#411900
```
#411900 rgb(65,25,0)
```
#552100
```
#552100 rgb(85,33,0)
```
#682900
```
#682900 rgb(104,41,0)
```
#7c3000
```
#7c3000 rgb(124,48,0)
```
#903800
```
#903800 rgb(144,56,0)
```
#a34000
```
#a34000 rgb(163,64,0)
```
#b74700
```
#b74700 rgb(183,71,0)
```
#ca4f00
```
#ca4f00 rgb(202,79,0)
```
#de5600
```
#de5600 rgb(222,86,0)
```
#f25e00
```
#f25e00 rgb(242,94,0)
```

Shade Color Variation

#ff6706
```
#ff6706 rgb(255,103,6)
```
#ff731a
```
#ff731a rgb(255,115,26)
```
#ff7f2e
```
#ff7f2e rgb(255,127,46)
```
#ff8b41
```
#ff8b41 rgb(255,139,65)
```
#ff9755
```
#ff9755 rgb(255,151,85)
```
#ffa368
```
#ffa368 rgb(255,163,104)
```
#ffaf7c
```
#ffaf7c rgb(255,175,124)
```
#ffbb90
```
#ffbb90 rgb(255,187,144)
```
#ffc7a3
```
#ffc7a3 rgb(255,199,163)
```
#ffd3b7
```
#ffd3b7 rgb(255,211,183)
```
#ffdfca
```
#ffdfca rgb(255,223,202)
```
#ffebde
```
#ffebde rgb(255,235,222)
```
#fff7f2
```
#fff7f2 rgb(255,247,242)
```

Tint Color Variation

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

#c3bcb8
```
#c3bcb8 rgb(195,188,184)
```
#c8bbb3
```
#c8bbb3 rgb(200,187,179)
```
#cdbaae
```
#cdbaae rgb(205,186,174)
```
#d2b9a9
```
#d2b9a9 rgb(210,185,169)
```
#d7b8a4
```
#d7b8a4 rgb(215,184,164)
```
#dcb79f
```
#dcb79f rgb(220,183,159)
```
#e1b69a
```
#e1b69a rgb(225,182,154)
```
#e6b595
```
#e6b595 rgb(230,181,149)
```
#ebb390
```
#ebb390 rgb(235,179,144)
```
#f0b28b
```
#f0b28b rgb(240,178,139)
```
#f5b186
```
#f5b186 rgb(245,177,134)
```
#fab081
```
#fab081 rgb(250,176,129)
```
#ffaf7c
```
#ffaf7c rgb(255,175,124)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#cdbdb3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c489 Protanopia 1% of men
#ebbc80 Deuteranopia 1% of men
#ffaeb9 Tritanopia 0.001% of the population

Trichromacy

#e3bc84 Protanomaly 1% of men, 0.01% of women
#f2b77e Deuteranomaly 6% of men, 0.4% of women
#ffaea2 Tritanomaly 0.01% of the population

#ffaf7c hex color

#ffaf7c Color Information

#ffaf7c Color Conversion

Color Schemes with #ffaf7c

Alternatives to #ffaf7c

#ffaf7c Preview

Shades and Tints of #ffaf7c

Tones of #ffaf7c

Color Blindness Simulator