#ffaf7d hex color

In a RGB color space, hex #ffaf7d is composed of 100% red, 68.6% green and 49% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 51% yellow and 0% black. It has a hue angle of 23.1 degrees, a saturation of 100% and a lightness of 74.5%. #ffaf7d color hex could be obtained by blending #fffffa 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

● #ffaf7d color description : Very light orange.

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

Hex triplet	ffaf7d	`#ffaf7d`
RGB Decimal	255, 175, 125	`rgb(255,175,125)`
RGB Percent	100, 68.6, 49	`rgb(100%,68.6%,49%)`
CMYK	0, 31, 51, 0
HSL	23.1°, 100, 74.5	`hsl(23.1,100%,74.5%)`
HSV (or HSB)	23.1°, 51, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	78.113, 23.907, 37.339
XYZ	60.272, 53.404, 26.535
xyY	0.43, 0.381, 53.404
CIE-LCH	78.113, 44.337, 57.37
CIE-LUV	78.113, 59.286, 43.127
Hunter-Lab	73.078, 19.334, 29.627
Binary	11111111, 10101111, 01111101

#ffaf7d
```
#ffaf7d rgb(255,175,125)
```
#7dcdff
```
#7dcdff rgb(125,205,255)
```

Complementary Color

#ff7d8c
```
#ff7d8c rgb(255,125,140)
```
#ffaf7d
```
#ffaf7d rgb(255,175,125)
```
#fff07d
```
#fff07d rgb(255,240,125)
```

Analogous Color

#7d8cff
```
#7d8cff rgb(125,140,255)
```
#ffaf7d
```
#ffaf7d rgb(255,175,125)
```
#7dfff0
```
#7dfff0 rgb(125,255,240)
```

Split Complementary Color

#af7dff
```
#af7dff rgb(175,125,255)
```
#ffaf7d
```
#ffaf7d rgb(255,175,125)
```
#7dffaf
```
#7dffaf rgb(125,255,175)
```

Triadic Color

#ff7dcd
```
#ff7dcd rgb(255,125,205)
```
#ffaf7d
```
#ffaf7d rgb(255,175,125)
```
#7dffaf
```
#7dffaf rgb(125,255,175)
```
#7dcdff
```
#7dcdff rgb(125,205,255)
```

Tetradic Color

#ff8031
```
#ff8031 rgb(255,128,49)
```
#ff904a
```
#ff904a rgb(255,144,74)
```
#ff9f64
```
#ff9f64 rgb(255,159,100)
```
#ffaf7d
```
#ffaf7d rgb(255,175,125)
```
#ffbf97
```
#ffbf97 rgb(255,191,151)
```
#ffceb0
```
#ffceb0 rgb(255,206,176)
```
#ffdeca
```
#ffdeca rgb(255,222,202)
```

Monochromatic Color

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

#ff8f7d
```
#ff8f7d rgb(255,143,125)
```
#ff997d
```
#ff997d rgb(255,153,125)
```
#ffa47d
```
#ffa47d rgb(255,164,125)
```
#ffaf7d
```
#ffaf7d rgb(255,175,125)
```
#ffba7d
```
#ffba7d rgb(255,186,125)
```
#ffc57d
```
#ffc57d rgb(255,197,125)
```
#ffd07d
```
#ffd07d rgb(255,208,125)
```

Similar Colors

Text with hexadecimal color #ffaf7d

This text has a font color of #ffaf7d.

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

#ffaf7d background color

This paragraph has a background color of #ffaf7d.

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

#ffaf7d border color

This element has a border color of #ffaf7d.

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

CSS codes

.text {color:#ffaf7d;}

.background {background-color:#ffaf7d;}

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

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

#070300
```
#070300 rgb(7,3,0)
```
#1b0a00
```
#1b0a00 rgb(27,10,0)
```
#2f1200
```
#2f1200 rgb(47,18,0)
```
#421900
```
#421900 rgb(66,25,0)
```
#562100
```
#562100 rgb(86,33,0)
```
#692900
```
#692900 rgb(105,41,0)
```
#7d3000
```
#7d3000 rgb(125,48,0)
```
#913800
```
#913800 rgb(145,56,0)
```
#a43f00
```
#a43f00 rgb(164,63,0)
```
#b84700
```
#b84700 rgb(184,71,0)
```
#cb4e00
```
#cb4e00 rgb(203,78,0)
```
#df5600
```
#df5600 rgb(223,86,0)
```
#f35d00
```
#f35d00 rgb(243,93,0)
```

Shade Color Variation

#ff6707
```
#ff6707 rgb(255,103,7)
```
#ff731b
```
#ff731b rgb(255,115,27)
```
#ff7f2f
```
#ff7f2f rgb(255,127,47)
```
#ff8b42
```
#ff8b42 rgb(255,139,66)
```
#ff9756
```
#ff9756 rgb(255,151,86)
```
#ffa369
```
#ffa369 rgb(255,163,105)
```
#ffaf7d
```
#ffaf7d rgb(255,175,125)
```
#ffbb91
```
#ffbb91 rgb(255,187,145)
```
#ffc7a4
```
#ffc7a4 rgb(255,199,164)
```
#ffd3b8
```
#ffd3b8 rgb(255,211,184)
```
#ffdfcb
```
#ffdfcb rgb(255,223,203)
```
#ffebdf
```
#ffebdf rgb(255,235,223)
```
#fff7f3
```
#fff7f3 rgb(255,247,243)
```

Tint Color Variation

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

#c3bdb9
```
#c3bdb9 rgb(195,189,185)
```
#c8bcb4
```
#c8bcb4 rgb(200,188,180)
```
#cdbbaf
```
#cdbbaf rgb(205,187,175)
```
#d2b9aa
```
#d2b9aa rgb(210,185,170)
```
#d7b8a5
```
#d7b8a5 rgb(215,184,165)
```
#dcb7a0
```
#dcb7a0 rgb(220,183,160)
```
#e1b69b
```
#e1b69b rgb(225,182,155)
```
#e6b596
```
#e6b596 rgb(230,181,150)
```
#ebb491
```
#ebb491 rgb(235,180,145)
```
#f0b28c
```
#f0b28c rgb(240,178,140)
```
#f5b187
```
#f5b187 rgb(245,177,135)
```
#fab082
```
#fab082 rgb(250,176,130)
```
#ffaf7d
```
#ffaf7d rgb(255,175,125)
```

Tone Color Variation

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

#d3c48a Protanopia 1% of men
#eabc81 Deuteranopia 1% of men
#ffaeb9 Tritanopia 0.001% of the population

Trichromacy

#e3bc85 Protanomaly 1% of men, 0.01% of women
#f2b77f Deuteranomaly 6% of men, 0.4% of women
#ffaea3 Tritanomaly 0.01% of the population

#ffaf7d hex color

#ffaf7d Color Information

#ffaf7d Color Conversion

Color Schemes with #ffaf7d

Alternatives to #ffaf7d

#ffaf7d Preview

Shades and Tints of #ffaf7d

Tones of #ffaf7d

Color Blindness Simulator