colorhexa.com

#ffaf7b hex color

In a RGB color space, hex #ffaf7b is composed of 100% red, 68.6% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 51.8% yellow and 0% black. It has a hue angle of 23.6 degrees, a saturation of 100% and a lightness of 74.1%. #ffaf7b color hex could be obtained by blending #fffff6 with #ff5f00. Closest websafe color is: #ff9966.

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

● #ffaf7b color description : Very light orange.

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

Hex triplet	ffaf7b	`#ffaf7b`
RGB Decimal	255, 175, 123	`rgb(255,175,123)`
RGB Percent	100, 68.6, 48.2	`rgb(100%,68.6%,48.2%)`
CMYK	0, 31, 52, 0
HSL	23.6°, 100, 74.1	`hsl(23.6,100%,74.1%)`
HSV (or HSB)	23.6°, 51.8, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	78.083, 23.734, 38.343
XYZ	60.146, 53.354, 25.868
xyY	0.432, 0.383, 53.354
CIE-LCH	78.083, 45.094, 58.242
CIE-LUV	78.083, 59.516, 44.212
Hunter-Lab	73.043, 19.155, 30.133
Binary	11111111, 10101111, 01111011

#ffaf7b
```
#ffaf7b rgb(255,175,123)
```
#7bcbff
```
#7bcbff rgb(123,203,255)
```

Complementary Color

#ff7b89
```
#ff7b89 rgb(255,123,137)
```
#ffaf7b
```
#ffaf7b rgb(255,175,123)
```
#fff17b
```
#fff17b rgb(255,241,123)
```

Analogous Color

#7b89ff
```
#7b89ff rgb(123,137,255)
```
#ffaf7b
```
#ffaf7b rgb(255,175,123)
```
#7bfff1
```
#7bfff1 rgb(123,255,241)
```

Split Complementary Color

#af7bff
```
#af7bff rgb(175,123,255)
```
#ffaf7b
```
#ffaf7b rgb(255,175,123)
```
#7bffaf
```
#7bffaf rgb(123,255,175)
```

Triadic Color

#ff7bcb
```
#ff7bcb rgb(255,123,203)
```
#ffaf7b
```
#ffaf7b rgb(255,175,123)
```
#7bffaf
```
#7bffaf rgb(123,255,175)
```
#7bcbff
```
#7bcbff rgb(123,203,255)
```

Tetradic Color

#ff812f
```
#ff812f rgb(255,129,47)
```
#ff9048
```
#ff9048 rgb(255,144,72)
```
#ffa062
```
#ffa062 rgb(255,160,98)
```
#ffaf7b
```
#ffaf7b rgb(255,175,123)
```
#ffbe95
```
#ffbe95 rgb(255,190,149)
```
#ffceae
```
#ffceae rgb(255,206,174)
```
#ffddc8
```
#ffddc8 rgb(255,221,200)
```

Monochromatic Color

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

#ff8e7b
```
#ff8e7b rgb(255,142,123)
```
#ff997b
```
#ff997b rgb(255,153,123)
```
#ffa47b
```
#ffa47b rgb(255,164,123)
```
#ffaf7b
```
#ffaf7b rgb(255,175,123)
```
#ffba7b
```
#ffba7b rgb(255,186,123)
```
#ffc57b
```
#ffc57b rgb(255,197,123)
```
#ffd07b
```
#ffd07b rgb(255,208,123)
```

Similar Colors

Text with hexadecimal color #ffaf7b

This text has a font color of #ffaf7b.

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

#ffaf7b background color

This paragraph has a background color of #ffaf7b.

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

#ffaf7b border color

This element has a border color of #ffaf7b.

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

CSS codes

.text {color:#ffaf7b;}

.background {background-color:#ffaf7b;}

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

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

#050200
```
#050200 rgb(5,2,0)
```
#190a00
```
#190a00 rgb(25,10,0)
```
#2d1200
```
#2d1200 rgb(45,18,0)
```
#401900
```
#401900 rgb(64,25,0)
```
#542100
```
#542100 rgb(84,33,0)
```
#672900
```
#672900 rgb(103,41,0)
```
#7b3000
```
#7b3000 rgb(123,48,0)
```
#8f3800
```
#8f3800 rgb(143,56,0)
```
#a24000
```
#a24000 rgb(162,64,0)
```
#b64800
```
#b64800 rgb(182,72,0)
```
#c94f00
```
#c94f00 rgb(201,79,0)
```
#dd5700
```
#dd5700 rgb(221,87,0)
```
#f15f00
```
#f15f00 rgb(241,95,0)
```

Shade Color Variation

#ff6805
```
#ff6805 rgb(255,104,5)
```
#ff7419
```
#ff7419 rgb(255,116,25)
```
#ff7f2d
```
#ff7f2d rgb(255,127,45)
```
#ff8b40
```
#ff8b40 rgb(255,139,64)
```
#ff9754
```
#ff9754 rgb(255,151,84)
```
#ffa367
```
#ffa367 rgb(255,163,103)
```
#ffaf7b
```
#ffaf7b rgb(255,175,123)
```
#ffbb8f
```
#ffbb8f rgb(255,187,143)
```
#ffc7a2
```
#ffc7a2 rgb(255,199,162)
```
#ffd3b6
```
#ffd3b6 rgb(255,211,182)
```
#ffdfc9
```
#ffdfc9 rgb(255,223,201)
```
#ffeadd
```
#ffeadd rgb(255,234,221)
```
#fff6f1
```
#fff6f1 rgb(255,246,241)
```

Tint Color Variation

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

#c2bcb8
```
#c2bcb8 rgb(194,188,184)
```
#c7bbb3
```
#c7bbb3 rgb(199,187,179)
```
#ccbaae
```
#ccbaae rgb(204,186,174)
```
#d1b9a9
```
#d1b9a9 rgb(209,185,169)
```
#d6b8a4
```
#d6b8a4 rgb(214,184,164)
```
#dbb79f
```
#dbb79f rgb(219,183,159)
```
#e1b599
```
#e1b599 rgb(225,181,153)
```
#e6b494
```
#e6b494 rgb(230,180,148)
```
#ebb38f
```
#ebb38f rgb(235,179,143)
```
#f0b28a
```
#f0b28a rgb(240,178,138)
```
#f5b185
```
#f5b185 rgb(245,177,133)
```
#fab080
```
#fab080 rgb(250,176,128)
```
#ffaf7b
```
#ffaf7b rgb(255,175,123)
```

Tone Color Variation

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

#d3c488 Protanopia 1% of men
#ebbc7f Deuteranopia 1% of men
#ffaeb8 Tritanopia 0.001% of the population

Trichromacy

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