#ffaf7a hex color

In a RGB color space, hex #ffaf7a is composed of 100% red, 68.6% green and 47.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 52.2% yellow and 0% black. It has a hue angle of 23.9 degrees, a saturation of 100% and a lightness of 73.9%. #ffaf7a color hex could be obtained by blending #fffff4 with #ff5f00. Closest websafe color is: #ff9966.

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

● #ffaf7a color description : Very light orange.

The hexadecimal color #ffaf7a has RGB values of R:255, G:175, B:122 and CMYK values of C:0, M:0.31, Y:0.52, K:0. Its decimal value is 16756602.

Hex triplet	ffaf7a	`#ffaf7a`
RGB Decimal	255, 175, 122	`rgb(255,175,122)`
RGB Percent	100, 68.6, 47.8	`rgb(100%,68.6%,47.8%)`
CMYK	0, 31, 52, 0
HSL	23.9°, 100, 73.9	`hsl(23.9,100%,73.9%)`
HSV (or HSB)	23.9°, 52.2, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	78.069, 23.649, 38.843
XYZ	60.084, 53.329, 25.54
xyY	0.432, 0.384, 53.329
CIE-LCH	78.069, 45.476, 58.666
CIE-LUV	78.069, 59.629, 44.749
Hunter-Lab	73.026, 19.067, 30.382
Binary	11111111, 10101111, 01111010

#ffaf7a
```
#ffaf7a rgb(255,175,122)
```
#7acaff
```
#7acaff rgb(122,202,255)
```

Complementary Color

#ff7a88
```
#ff7a88 rgb(255,122,136)
```
#ffaf7a
```
#ffaf7a rgb(255,175,122)
```
#fff27a
```
#fff27a rgb(255,242,122)
```

Analogous Color

#7a88ff
```
#7a88ff rgb(122,136,255)
```
#ffaf7a
```
#ffaf7a rgb(255,175,122)
```
#7afff2
```
#7afff2 rgb(122,255,242)
```

Split Complementary Color

#af7aff
```
#af7aff rgb(175,122,255)
```
#ffaf7a
```
#ffaf7a rgb(255,175,122)
```
#7affaf
```
#7affaf rgb(122,255,175)
```

Triadic Color

#ff7aca
```
#ff7aca rgb(255,122,202)
```
#ffaf7a
```
#ffaf7a rgb(255,175,122)
```
#7affaf
```
#7affaf rgb(122,255,175)
```
#7acaff
```
#7acaff rgb(122,202,255)
```

Tetradic Color

#ff812e
```
#ff812e rgb(255,129,46)
```
#ff9047
```
#ff9047 rgb(255,144,71)
```
#ffa061
```
#ffa061 rgb(255,160,97)
```
#ffaf7a
```
#ffaf7a rgb(255,175,122)
```
#ffbe94
```
#ffbe94 rgb(255,190,148)
```
#ffcead
```
#ffcead rgb(255,206,173)
```
#ffddc7
```
#ffddc7 rgb(255,221,199)
```

Monochromatic Color

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

#ff8e7a
```
#ff8e7a rgb(255,142,122)
```
#ff997a
```
#ff997a rgb(255,153,122)
```
#ffa47a
```
#ffa47a rgb(255,164,122)
```
#ffaf7a
```
#ffaf7a rgb(255,175,122)
```
#ffba7a
```
#ffba7a rgb(255,186,122)
```
#ffc57a
```
#ffc57a rgb(255,197,122)
```
#ffd07a
```
#ffd07a rgb(255,208,122)
```

Similar Colors

Text with hexadecimal color #ffaf7a

This text has a font color of #ffaf7a.

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

#ffaf7a background color

This paragraph has a background color of #ffaf7a.

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

#ffaf7a border color

This element has a border color of #ffaf7a.

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

CSS codes

.text {color:#ffaf7a;}

.background {background-color:#ffaf7a;}

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

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

#040200
```
#040200 rgb(4,2,0)
```
#180a00
```
#180a00 rgb(24,10,0)
```
#2c1100
```
#2c1100 rgb(44,17,0)
```
#3f1900
```
#3f1900 rgb(63,25,0)
```
#532100
```
#532100 rgb(83,33,0)
```
#662900
```
#662900 rgb(102,41,0)
```
#7a3100
```
#7a3100 rgb(122,49,0)
```
#8e3800
```
#8e3800 rgb(142,56,0)
```
#a14000
```
#a14000 rgb(161,64,0)
```
#b54800
```
#b54800 rgb(181,72,0)
```
#c85000
```
#c85000 rgb(200,80,0)
```
#dc5800
```
#dc5800 rgb(220,88,0)
```
#f06000
```
#f06000 rgb(240,96,0)
```

Shade Color Variation

#ff6804
```
#ff6804 rgb(255,104,4)
```
#ff7418
```
#ff7418 rgb(255,116,24)
```
#ff802c
```
#ff802c rgb(255,128,44)
```
#ff8c3f
```
#ff8c3f rgb(255,140,63)
```
#ff9753
```
#ff9753 rgb(255,151,83)
```
#ffa366
```
#ffa366 rgb(255,163,102)
```
#ffaf7a
```
#ffaf7a rgb(255,175,122)
```
#ffbb8e
```
#ffbb8e rgb(255,187,142)
```
#ffc7a1
```
#ffc7a1 rgb(255,199,161)
```
#ffd2b5
```
#ffd2b5 rgb(255,210,181)
```
#ffdec8
```
#ffdec8 rgb(255,222,200)
```
#ffeadc
```
#ffeadc rgb(255,234,220)
```
#fff6f0
```
#fff6f0 rgb(255,246,240)
```

Tint Color Variation

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

#c2bbb7
```
#c2bbb7 rgb(194,187,183)
```
#c7bab2
```
#c7bab2 rgb(199,186,178)
```
#ccb9ad
```
#ccb9ad rgb(204,185,173)
```
#d1b8a8
```
#d1b8a8 rgb(209,184,168)
```
#d6b7a3
```
#d6b7a3 rgb(214,183,163)
```
#dbb69e
```
#dbb69e rgb(219,182,158)
```
#e0b599
```
#e0b599 rgb(224,181,153)
```
#e5b494
```
#e5b494 rgb(229,180,148)
```
#ebb38e
```
#ebb38e rgb(235,179,142)
```
#f0b289
```
#f0b289 rgb(240,178,137)
```
#f5b184
```
#f5b184 rgb(245,177,132)
```
#fab07f
```
#fab07f rgb(250,176,127)
```
#ffaf7a
```
#ffaf7a rgb(255,175,122)
```

Tone Color Variation

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

#d4c487 Protanopia 1% of men
#ebbc7e Deuteranopia 1% of men
#ffaeb8 Tritanopia 0.001% of the population

Trichromacy

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

#ffaf7a hex color

#ffaf7a Color Information

#ffaf7a Color Conversion

Color Schemes with #ffaf7a

Alternatives to #ffaf7a

#ffaf7a Preview

Shades and Tints of #ffaf7a

Tones of #ffaf7a

Color Blindness Simulator