#ffaf6f hex color

In a RGB color space, hex #ffaf6f is composed of 100% red, 68.6% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 56.5% yellow and 0% black. It has a hue angle of 26.7 degrees, a saturation of 100% and a lightness of 71.8%. #ffaf6f color hex could be obtained by blending #ffffde with #ff5f00. Closest websafe color is: #ff9966.

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

● #ffaf6f color description : Very light orange.

The hexadecimal color #ffaf6f has RGB values of R:255, G:175, B:111 and CMYK values of C:0, M:0.31, Y:0.56, K:0. Its decimal value is 16756591.

Hex triplet	ffaf6f	`#ffaf6f`
RGB Decimal	255, 175, 111	`rgb(255,175,111)`
RGB Percent	100, 68.6, 43.5	`rgb(100%,68.6%,43.5%)`
CMYK	0, 31, 56, 0
HSL	26.7°, 100, 71.8	`hsl(26.7,100%,71.8%)`
HSV (or HSB)	26.7°, 56.5, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	77.917, 22.765, 44.298
XYZ	59.44, 53.071, 22.151
xyY	0.441, 0.394, 53.071
CIE-LCH	77.917, 49.805, 62.801
CIE-LUV	77.917, 60.821, 50.376
Hunter-Lab	72.85, 18.155, 32.967
Binary	11111111, 10101111, 01101111

#ffaf6f
```
#ffaf6f rgb(255,175,111)
```
#6fbfff
```
#6fbfff rgb(111,191,255)
```

Complementary Color

#ff6f77
```
#ff6f77 rgb(255,111,119)
```
#ffaf6f
```
#ffaf6f rgb(255,175,111)
```
#fff76f
```
#fff76f rgb(255,247,111)
```

Analogous Color

#6f77ff
```
#6f77ff rgb(111,119,255)
```
#ffaf6f
```
#ffaf6f rgb(255,175,111)
```
#6ffff7
```
#6ffff7 rgb(111,255,247)
```

Split Complementary Color

#af6fff
```
#af6fff rgb(175,111,255)
```
#ffaf6f
```
#ffaf6f rgb(255,175,111)
```
#6fffaf
```
#6fffaf rgb(111,255,175)
```

Triadic Color

#ff6fbf
```
#ff6fbf rgb(255,111,191)
```
#ffaf6f
```
#ffaf6f rgb(255,175,111)
```
#6fffaf
```
#6fffaf rgb(111,255,175)
```
#6fbfff
```
#6fbfff rgb(111,191,255)
```

Tetradic Color

#ff8523
```
#ff8523 rgb(255,133,35)
```
#ff933c
```
#ff933c rgb(255,147,60)
```
#ffa156
```
#ffa156 rgb(255,161,86)
```
#ffaf6f
```
#ffaf6f rgb(255,175,111)
```
#ffbd89
```
#ffbd89 rgb(255,189,137)
```
#ffcba2
```
#ffcba2 rgb(255,203,162)
```
#ffdabc
```
#ffdabc rgb(255,218,188)
```

Monochromatic Color

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

#ff8b6f
```
#ff8b6f rgb(255,139,111)
```
#ff976f
```
#ff976f rgb(255,151,111)
```
#ffa36f
```
#ffa36f rgb(255,163,111)
```
#ffaf6f
```
#ffaf6f rgb(255,175,111)
```
#ffbb6f
```
#ffbb6f rgb(255,187,111)
```
#ffc76f
```
#ffc76f rgb(255,199,111)
```
#ffd36f
```
#ffd36f rgb(255,211,111)
```

Similar Colors

Text with hexadecimal color #ffaf6f

This text has a font color of #ffaf6f.

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

#ffaf6f background color

This paragraph has a background color of #ffaf6f.

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

#ffaf6f border color

This element has a border color of #ffaf6f.

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

CSS codes

.text {color:#ffaf6f;}

.background {background-color:#ffaf6f;}

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

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

#0d0600
```
#0d0600 rgb(13,6,0)
```
#210e00
```
#210e00 rgb(33,14,0)
```
#341700
```
#341700 rgb(52,23,0)
```
#482000
```
#482000 rgb(72,32,0)
```
#5b2900
```
#5b2900 rgb(91,41,0)
```
#6f3100
```
#6f3100 rgb(111,49,0)
```
#833a00
```
#833a00 rgb(131,58,0)
```
#964300
```
#964300 rgb(150,67,0)
```
#aa4b00
```
#aa4b00 rgb(170,75,0)
```
#bd5400
```
#bd5400 rgb(189,84,0)
```
#d15d00
```
#d15d00 rgb(209,93,0)
```
#e56600
```
#e56600 rgb(229,102,0)
```
#f86e00
```
#f86e00 rgb(248,110,0)
```

Shade Color Variation

#ff790d
```
#ff790d rgb(255,121,13)
```
#ff8321
```
#ff8321 rgb(255,131,33)
```
#ff8e34
```
#ff8e34 rgb(255,142,52)
```
#ff9948
```
#ff9948 rgb(255,153,72)
```
#ffa45b
```
#ffa45b rgb(255,164,91)
```
#ffaf6f
```
#ffaf6f rgb(255,175,111)
```
#ffba83
```
#ffba83 rgb(255,186,131)
```
#ffc596
```
#ffc596 rgb(255,197,150)
```
#ffd0aa
```
#ffd0aa rgb(255,208,170)
```
#ffdbbd
```
#ffdbbd rgb(255,219,189)
```
#ffe5d1
```
#ffe5d1 rgb(255,229,209)
```
#fff0e5
```
#fff0e5 rgb(255,240,229)
```
#fffbf8
```
#fffbf8 rgb(255,251,248)
```

Tint Color Variation

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

#bdb6b1
```
#bdb6b1 rgb(189,182,177)
```
#c2b6ac
```
#c2b6ac rgb(194,182,172)
```
#c8b5a6
```
#c8b5a6 rgb(200,181,166)
```
#cdb5a1
```
#cdb5a1 rgb(205,181,161)
```
#d3b49b
```
#d3b49b rgb(211,180,155)
```
#d8b396
```
#d8b396 rgb(216,179,150)
```
#deb390
```
#deb390 rgb(222,179,144)
```
#e3b28b
```
#e3b28b rgb(227,178,139)
```
#e9b185
```
#e9b185 rgb(233,177,133)
```
#eeb180
```
#eeb180 rgb(238,177,128)
```
#f4b07a
```
#f4b07a rgb(244,176,122)
```
#f9b075
```
#f9b075 rgb(249,176,117)
```
#ffaf6f
```
#ffaf6f rgb(255,175,111)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#cdbdb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d5c37c Protanopia 1% of men
#ecbb74 Deuteranopia 1% of men
#ffadb8 Tritanopia 0.001% of the population

Trichromacy

#e4bc77 Protanomaly 1% of men, 0.01% of women
#f3b672 Deuteranomaly 6% of men, 0.4% of women
#ffae9d Tritanomaly 0.01% of the population

#ffaf6f hex color

#ffaf6f Color Information

#ffaf6f Color Conversion

Color Schemes with #ffaf6f

Alternatives to #ffaf6f

#ffaf6f Preview

Shades and Tints of #ffaf6f

Tones of #ffaf6f

Color Blindness Simulator