#ffaf80 hex color

In a RGB color space, hex #ffaf80 is composed of 100% red, 68.6% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 49.8% yellow and 0% black. It has a hue angle of 22.2 degrees, a saturation of 100% and a lightness of 75.1%. #ffaf80 color hex could be obtained by blending #ffffff with #ff5f01. Closest websafe color is: #ff9999.

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

● #ffaf80 color description : Very light orange.

The hexadecimal color #ffaf80 has RGB values of R:255, G:175, B:128 and CMYK values of C:0, M:0.31, Y:0.5, K:0. Its decimal value is 16756608.

Hex triplet	ffaf80	`#ffaf80`
RGB Decimal	255, 175, 128	`rgb(255,175,128)`
RGB Percent	100, 68.6, 50.2	`rgb(100%,68.6%,50.2%)`
CMYK	0, 31, 50, 0
HSL	22.2°, 100, 75.1	`hsl(22.2,100%,75.1%)`
HSV (or HSB)	22.2°, 49.8, 100
Web Safe	ff9999	`#ff9999`

CIE-LAB	78.159, 24.171, 35.83
XYZ	60.467, 53.482, 27.559
xyY	0.427, 0.378, 53.482
CIE-LCH	78.159, 43.221, 55.996
CIE-LUV	78.159, 58.936, 41.47
Hunter-Lab	73.131, 19.609, 28.849
Binary	11111111, 10101111, 10000000

#ffaf80
```
#ffaf80 rgb(255,175,128)
```
#80d0ff
```
#80d0ff rgb(128,208,255)
```

Complementary Color

#ff8091
```
#ff8091 rgb(255,128,145)
```
#ffaf80
```
#ffaf80 rgb(255,175,128)
```
#ffef80
```
#ffef80 rgb(255,239,128)
```

Analogous Color

#8091ff
```
#8091ff rgb(128,145,255)
```
#ffaf80
```
#ffaf80 rgb(255,175,128)
```
#80ffef
```
#80ffef rgb(128,255,239)
```

Split Complementary Color

#af80ff
```
#af80ff rgb(175,128,255)
```
#ffaf80
```
#ffaf80 rgb(255,175,128)
```
#80ffaf
```
#80ffaf rgb(128,255,175)
```

Triadic Color

#ff80d0
```
#ff80d0 rgb(255,128,208)
```
#ffaf80
```
#ffaf80 rgb(255,175,128)
```
#80ffaf
```
#80ffaf rgb(128,255,175)
```
#80d0ff
```
#80d0ff rgb(128,208,255)
```

Tetradic Color

#ff7f34
```
#ff7f34 rgb(255,127,52)
```
#ff8f4d
```
#ff8f4d rgb(255,143,77)
```
#ff9f67
```
#ff9f67 rgb(255,159,103)
```
#ffaf80
```
#ffaf80 rgb(255,175,128)
```
#ffbf9a
```
#ffbf9a rgb(255,191,154)
```
#ffcfb3
```
#ffcfb3 rgb(255,207,179)
```
#ffdfcd
```
#ffdfcd rgb(255,223,205)
```

Monochromatic Color

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

#ff8f80
```
#ff8f80 rgb(255,143,128)
```
#ff9a80
```
#ff9a80 rgb(255,154,128)
```
#ffa480
```
#ffa480 rgb(255,164,128)
```
#ffaf80
```
#ffaf80 rgb(255,175,128)
```
#ffba80
```
#ffba80 rgb(255,186,128)
```
#ffc480
```
#ffc480 rgb(255,196,128)
```
#ffcf80
```
#ffcf80 rgb(255,207,128)
```

Similar Colors

Text with hexadecimal color #ffaf80

This text has a font color of #ffaf80.

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

#ffaf80 background color

This paragraph has a background color of #ffaf80.

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

#ffaf80 border color

This element has a border color of #ffaf80.

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

CSS codes

.text {color:#ffaf80;}

.background {background-color:#ffaf80;}

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

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

#0a0400
```
#0a0400 rgb(10,4,0)
```
#1e0b00
```
#1e0b00 rgb(30,11,0)
```
#321200
```
#321200 rgb(50,18,0)
```
#451a00
```
#451a00 rgb(69,26,0)
```
#592100
```
#592100 rgb(89,33,0)
```
#6c2800
```
#6c2800 rgb(108,40,0)
```
#802f00
```
#802f00 rgb(128,47,0)
```
#943700
```
#943700 rgb(148,55,0)
```
#a73e00
```
#a73e00 rgb(167,62,0)
```
#bb4500
```
#bb4500 rgb(187,69,0)
```
#ce4c00
```
#ce4c00 rgb(206,76,0)
```
#e25400
```
#e25400 rgb(226,84,0)
```
#f65b00
```
#f65b00 rgb(246,91,0)
```

Shade Color Variation

#ff650a
```
#ff650a rgb(255,101,10)
```
#ff711e
```
#ff711e rgb(255,113,30)
```
#ff7e32
```
#ff7e32 rgb(255,126,50)
```
#ff8a45
```
#ff8a45 rgb(255,138,69)
```
#ff9659
```
#ff9659 rgb(255,150,89)
```
#ffa36c
```
#ffa36c rgb(255,163,108)
```
#ffaf80
```
#ffaf80 rgb(255,175,128)
```
#ffbb94
```
#ffbb94 rgb(255,187,148)
```
#ffc8a7
```
#ffc8a7 rgb(255,200,167)
```
#ffd4bb
```
#ffd4bb rgb(255,212,187)
```
#ffe0ce
```
#ffe0ce rgb(255,224,206)
```
#ffede2
```
#ffede2 rgb(255,237,226)
```
#fff9f6
```
#fff9f6 rgb(255,249,246)
```

Tint Color Variation

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

#c4bebb
```
#c4bebb rgb(196,190,187)
```
#c9bdb6
```
#c9bdb6 rgb(201,189,182)
```
#cebcb1
```
#cebcb1 rgb(206,188,177)
```
#d3baac
```
#d3baac rgb(211,186,172)
```
#d8b9a7
```
#d8b9a7 rgb(216,185,167)
```
#ddb8a2
```
#ddb8a2 rgb(221,184,162)
```
#e2b79d
```
#e2b79d rgb(226,183,157)
```
#e7b598
```
#e7b598 rgb(231,181,152)
```
#ebb494
```
#ebb494 rgb(235,180,148)
```
#f0b38f
```
#f0b38f rgb(240,179,143)
```
#f5b28a
```
#f5b28a rgb(245,178,138)
```
#fab085
```
#fab085 rgb(250,176,133)
```
#ffaf80
```
#ffaf80 rgb(255,175,128)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#cebeb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3c48d Protanopia 1% of men
#eabc84 Deuteranopia 1% of men
#ffaeb9 Tritanopia 0.001% of the population

Trichromacy

#e3bc88 Protanomaly 1% of men, 0.01% of women
#f1b782 Deuteranomaly 6% of men, 0.4% of women
#ffaea4 Tritanomaly 0.01% of the population

#ffaf80 hex color

#ffaf80 Color Information

#ffaf80 Color Conversion

Color Schemes with #ffaf80

Alternatives to #ffaf80

#ffaf80 Preview

Shades and Tints of #ffaf80

Tones of #ffaf80

Color Blindness Simulator