#ffaf8f hex color

In a RGB color space, hex #ffaf8f is composed of 100% red, 68.6% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 43.9% yellow and 0% black. It has a hue angle of 17.1 degrees, a saturation of 100% and a lightness of 78%. #ffaf8f color hex could be obtained by blending #ffffff with #ff5f1f. Closest websafe color is: #ff9999.

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

● #ffaf8f color description : Very light orange.

The hexadecimal color #ffaf8f has RGB values of R:255, G:175, B:143 and CMYK values of C:0, M:0.31, Y:0.44, K:0. Its decimal value is 16756623.

Hex triplet	ffaf8f	`#ffaf8f`
RGB Decimal	255, 175, 143	`rgb(255,175,143)`
RGB Percent	100, 68.6, 56.1	`rgb(100%,68.6%,56.1%)`
CMYK	0, 31, 44, 0
HSL	17.1°, 100, 78	`hsl(17.1,100%,78%)`
HSV (or HSB)	17.1°, 43.9, 100
Web Safe	ff9999	`#ff9999`

CIE-LAB	78.407, 25.602, 28.226
XYZ	61.528, 53.907, 33.149
xyY	0.414, 0.363, 53.907
CIE-LCH	78.407, 38.107, 47.79
CIE-LUV	78.407, 57.077, 32.665
Hunter-Lab	73.421, 21.1, 24.625
Binary	11111111, 10101111, 10001111

#ffaf8f
```
#ffaf8f rgb(255,175,143)
```
#8fdfff
```
#8fdfff rgb(143,223,255)
```

Complementary Color

#ff8fa7
```
#ff8fa7 rgb(255,143,167)
```
#ffaf8f
```
#ffaf8f rgb(255,175,143)
```
#ffe78f
```
#ffe78f rgb(255,231,143)
```

Analogous Color

#8fa7ff
```
#8fa7ff rgb(143,167,255)
```
#ffaf8f
```
#ffaf8f rgb(255,175,143)
```
#8fffe7
```
#8fffe7 rgb(143,255,231)
```

Split Complementary Color

#af8fff
```
#af8fff rgb(175,143,255)
```
#ffaf8f
```
#ffaf8f rgb(255,175,143)
```
#8fffaf
```
#8fffaf rgb(143,255,175)
```

Triadic Color

#ff8fdf
```
#ff8fdf rgb(255,143,223)
```
#ffaf8f
```
#ffaf8f rgb(255,175,143)
```
#8fffaf
```
#8fffaf rgb(143,255,175)
```
#8fdfff
```
#8fdfff rgb(143,223,255)
```

Tetradic Color

#ff7843
```
#ff7843 rgb(255,120,67)
```
#ff8b5c
```
#ff8b5c rgb(255,139,92)
```
#ff9d76
```
#ff9d76 rgb(255,157,118)
```
#ffaf8f
```
#ffaf8f rgb(255,175,143)
```
#ffc1a9
```
#ffc1a9 rgb(255,193,169)
```
#ffd3c2
```
#ffd3c2 rgb(255,211,194)
```
#ffe6dc
```
#ffe6dc rgb(255,230,220)
```

Monochromatic Color

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

#ff938f
```
#ff938f rgb(255,147,143)
```
#ff9c8f
```
#ff9c8f rgb(255,156,143)
```
#ffa68f
```
#ffa68f rgb(255,166,143)
```
#ffaf8f
```
#ffaf8f rgb(255,175,143)
```
#ffb88f
```
#ffb88f rgb(255,184,143)
```
#ffc28f
```
#ffc28f rgb(255,194,143)
```
#ffcb8f
```
#ffcb8f rgb(255,203,143)
```

Similar Colors

Text with hexadecimal color #ffaf8f

This text has a font color of #ffaf8f.

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

#ffaf8f background color

This paragraph has a background color of #ffaf8f.

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

#ffaf8f border color

This element has a border color of #ffaf8f.

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

CSS codes

.text {color:#ffaf8f;}

.background {background-color:#ffaf8f;}

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

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 #fff5f1 is the lightest one.

#060200
```
#060200 rgb(6,2,0)
```
#190700
```
#190700 rgb(25,7,0)
```
#2d0d00
```
#2d0d00 rgb(45,13,0)
```
#411200
```
#411200 rgb(65,18,0)
```
#541800
```
#541800 rgb(84,24,0)
```
#681e00
```
#681e00 rgb(104,30,0)
```
#7b2300
```
#7b2300 rgb(123,35,0)
```
#8f2900
```
#8f2900 rgb(143,41,0)
```
#a32e00
```
#a32e00 rgb(163,46,0)
```
#b63400
```
#b63400 rgb(182,52,0)
```
#ca3a00
```
#ca3a00 rgb(202,58,0)
```
#dd3f00
```
#dd3f00 rgb(221,63,0)
```
#f14500
```
#f14500 rgb(241,69,0)
```

Shade Color Variation

#ff4d06
```
#ff4d06 rgb(255,77,6)
```
#ff5b19
```
#ff5b19 rgb(255,91,25)
```
#ff692d
```
#ff692d rgb(255,105,45)
```
#ff7741
```
#ff7741 rgb(255,119,65)
```
#ff8554
```
#ff8554 rgb(255,133,84)
```
#ff9368
```
#ff9368 rgb(255,147,104)
```
#ffa17b
```
#ffa17b rgb(255,161,123)
```
#ffaf8f
```
#ffaf8f rgb(255,175,143)
```
#ffbda3
```
#ffbda3 rgb(255,189,163)
```
#ffcbb6
```
#ffcbb6 rgb(255,203,182)
```
#ffd9ca
```
#ffd9ca rgb(255,217,202)
```
#ffe7dd
```
#ffe7dd rgb(255,231,221)
```
#fff5f1
```
#fff5f1 rgb(255,245,241)
```

Tint Color Variation

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

#cbc5c3
```
#cbc5c3 rgb(203,197,195)
```
#d0c3be
```
#d0c3be rgb(208,195,190)
```
#d4c1ba
```
#d4c1ba rgb(212,193,186)
```
#d8c0b6
```
#d8c0b6 rgb(216,192,182)
```
#ddbeb1
```
#ddbeb1 rgb(221,190,177)
```
#e1bcad
```
#e1bcad rgb(225,188,173)
```
#e5baa9
```
#e5baa9 rgb(229,186,169)
```
#e9b8a5
```
#e9b8a5 rgb(233,184,165)
```
#eeb6a0
```
#eeb6a0 rgb(238,182,160)
```
#f2b59c
```
#f2b59c rgb(242,181,156)
```
#f6b398
```
#f6b398 rgb(246,179,152)
```
#fbb193
```
#fbb193 rgb(251,177,147)
```
#ffaf8f
```
#ffaf8f rgb(255,175,143)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#cfbfb9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c49c Protanopia 1% of men
#e8bd91 Deuteranopia 1% of men
#ffafba Tritanopia 0.001% of the population

Trichromacy

#e2bc97 Protanomaly 1% of men, 0.01% of women
#f0b890 Deuteranomaly 6% of men, 0.4% of women
#ffafaa Tritanomaly 0.01% of the population

#ffaf8f hex color

#ffaf8f Color Information

#ffaf8f Color Conversion

Color Schemes with #ffaf8f

Alternatives to #ffaf8f

#ffaf8f Preview

Shades and Tints of #ffaf8f

Tones of #ffaf8f

Color Blindness Simulator