#ffaf96 hex color

In a RGB color space, hex #ffaf96 is composed of 100% red, 68.6% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 41.2% yellow and 0% black. It has a hue angle of 14.3 degrees, a saturation of 100% and a lightness of 79.4%. #ffaf96 color hex could be obtained by blending #ffffff with #ff5f2d. Closest websafe color is: #ff9999.

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

● #ffaf96 color description : Very light red.

The hexadecimal color #ffaf96 has RGB values of R:255, G:175, B:150 and CMYK values of C:0, M:0.31, Y:0.41, K:0. Its decimal value is 16756630.

Hex triplet	ffaf96	`#ffaf96`
RGB Decimal	255, 175, 150	`rgb(255,175,150)`
RGB Percent	100, 68.6, 58.8	`rgb(100%,68.6%,58.8%)`
CMYK	0, 31, 41, 0
HSL	14.3°, 100, 79.4	`hsl(14.3,100%,79.4%)`
HSV (or HSB)	14.3°, 41.2, 100
Web Safe	ff9999	`#ff9999`

CIE-LAB	78.535, 26.33, 24.656
XYZ	62.075, 54.125, 36.03
xyY	0.408, 0.356, 54.125
CIE-LCH	78.535, 36.072, 43.119
CIE-LUV	78.535, 56.154, 28.278
Hunter-Lab	73.57, 21.864, 22.462
Binary	11111111, 10101111, 10010110

#ffaf96
```
#ffaf96 rgb(255,175,150)
```
#96e6ff
```
#96e6ff rgb(150,230,255)
```

Complementary Color

#ff96b2
```
#ff96b2 rgb(255,150,178)
```
#ffaf96
```
#ffaf96 rgb(255,175,150)
```
#ffe496
```
#ffe496 rgb(255,228,150)
```

Analogous Color

#96b2ff
```
#96b2ff rgb(150,178,255)
```
#ffaf96
```
#ffaf96 rgb(255,175,150)
```
#96ffe4
```
#96ffe4 rgb(150,255,228)
```

Split Complementary Color

#af96ff
```
#af96ff rgb(175,150,255)
```
#ffaf96
```
#ffaf96 rgb(255,175,150)
```
#96ffaf
```
#96ffaf rgb(150,255,175)
```

Triadic Color

#ff96e6
```
#ff96e6 rgb(255,150,230)
```
#ffaf96
```
#ffaf96 rgb(255,175,150)
```
#96ffaf
```
#96ffaf rgb(150,255,175)
```
#96e6ff
```
#96e6ff rgb(150,230,255)
```

Tetradic Color

#ff754a
```
#ff754a rgb(255,117,74)
```
#ff8863
```
#ff8863 rgb(255,136,99)
```
#ff9c7d
```
#ff9c7d rgb(255,156,125)
```
#ffaf96
```
#ffaf96 rgb(255,175,150)
```
#ffc2b0
```
#ffc2b0 rgb(255,194,176)
```
#ffd6c9
```
#ffd6c9 rgb(255,214,201)
```
#ffe9e3
```
#ffe9e3 rgb(255,233,227)
```

Monochromatic Color

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

#ff9697
```
#ff9697 rgb(255,150,151)
```
#ff9e96
```
#ff9e96 rgb(255,158,150)
```
#ffa696
```
#ffa696 rgb(255,166,150)
```
#ffaf96
```
#ffaf96 rgb(255,175,150)
```
#ffb896
```
#ffb896 rgb(255,184,150)
```
#ffc196
```
#ffc196 rgb(255,193,150)
```
#ffc996
```
#ffc996 rgb(255,201,150)
```

Similar Colors

Text with hexadecimal color #ffaf96

This text has a font color of #ffaf96.

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

#ffaf96 background color

This paragraph has a background color of #ffaf96.

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

#ffaf96 border color

This element has a border color of #ffaf96.

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

CSS codes

.text {color:#ffaf96;}

.background {background-color:#ffaf96;}

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

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

#0d0300
```
#0d0300 rgb(13,3,0)
```
#200800
```
#200800 rgb(32,8,0)
```
#340c00
```
#340c00 rgb(52,12,0)
```
#481100
```
#481100 rgb(72,17,0)
```
#5b1600
```
#5b1600 rgb(91,22,0)
```
#6f1a00
```
#6f1a00 rgb(111,26,0)
```
#821f00
```
#821f00 rgb(130,31,0)
```
#962400
```
#962400 rgb(150,36,0)
```
#aa2800
```
#aa2800 rgb(170,40,0)
```
#bd2d00
```
#bd2d00 rgb(189,45,0)
```
#d13200
```
#d13200 rgb(209,50,0)
```
#e43600
```
#e43600 rgb(228,54,0)
```
#f83b00
```
#f83b00 rgb(248,59,0)
```

Shade Color Variation

#ff460d
```
#ff460d rgb(255,70,13)
```
#ff5520
```
#ff5520 rgb(255,85,32)
```
#ff6434
```
#ff6434 rgb(255,100,52)
```
#ff7348
```
#ff7348 rgb(255,115,72)
```
#ff825b
```
#ff825b rgb(255,130,91)
```
#ff916f
```
#ff916f rgb(255,145,111)
```
#ffa082
```
#ffa082 rgb(255,160,130)
```
#ffaf96
```
#ffaf96 rgb(255,175,150)
```
#ffbeaa
```
#ffbeaa rgb(255,190,170)
```
#ffcdbd
```
#ffcdbd rgb(255,205,189)
```
#ffdcd1
```
#ffdcd1 rgb(255,220,209)
```
#ffebe4
```
#ffebe4 rgb(255,235,228)
```
#fffaf8
```
#fffaf8 rgb(255,250,248)
```

Tint Color Variation

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

#cfc8c6
```
#cfc8c6 rgb(207,200,198)
```
#d3c6c2
```
#d3c6c2 rgb(211,198,194)
```
#d7c4be
```
#d7c4be rgb(215,196,190)
```
#dbc2ba
```
#dbc2ba rgb(219,194,186)
```
#dfc0b6
```
#dfc0b6 rgb(223,192,182)
```
#e3beb2
```
#e3beb2 rgb(227,190,178)
```
#e7bcae
```
#e7bcae rgb(231,188,174)
```
#ebbaaa
```
#ebbaaa rgb(235,186,170)
```
#efb7a6
```
#efb7a6 rgb(239,183,166)
```
#f3b5a2
```
#f3b5a2 rgb(243,181,162)
```
#f7b39e
```
#f7b39e rgb(247,179,158)
```
#fbb19a
```
#fbb19a rgb(251,177,154)
```
#ffaf96
```
#ffaf96 rgb(255,175,150)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#d0c0bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0c5a3 Protanopia 1% of men
#e6bd98 Deuteranopia 1% of men
#ffb0bb Tritanopia 0.001% of the population

Trichromacy

#e1bd9e Protanomaly 1% of men, 0.01% of women
#efb897 Deuteranomaly 6% of men, 0.4% of women
#ffafad Tritanomaly 0.01% of the population

#ffaf96 hex color

#ffaf96 Color Information

#ffaf96 Color Conversion

Color Schemes with #ffaf96

Alternatives to #ffaf96

#ffaf96 Preview

Shades and Tints of #ffaf96

Tones of #ffaf96

Color Blindness Simulator