#ffaf49 hex color

In a RGB color space, hex #ffaf49 is composed of 100% red, 68.6% green and 28.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 71.4% yellow and 0% black. It has a hue angle of 33.6 degrees, a saturation of 100% and a lightness of 64.3%. #ffaf49 color hex could be obtained by blending #ffff92 with #ff5f00. Closest websafe color is: #ff9933.

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

● #ffaf49 color description : Light orange.

The hexadecimal color #ffaf49 has RGB values of R:255, G:175, B:73 and CMYK values of C:0, M:0.31, Y:0.71, K:0. Its decimal value is 16756553.

Hex triplet	ffaf49	`#ffaf49`
RGB Decimal	255, 175, 73	`rgb(255,175,73)`
RGB Percent	100, 68.6, 28.6	`rgb(100%,68.6%,28.6%)`
CMYK	0, 31, 71, 0
HSL	33.6°, 100, 64.3	`hsl(33.6,100%,64.3%)`
HSV (or HSB)	33.6°, 71.4, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	77.522, 20.433, 61.824
XYZ	57.774, 52.405, 13.375
xyY	0.468, 0.424, 52.405
CIE-LCH	77.522, 65.113, 71.711
CIE-LUV	77.522, 64.084, 65.721
Hunter-Lab	72.391, 15.773, 39.719
Binary	11111111, 10101111, 01001001

#ffaf49
```
#ffaf49 rgb(255,175,73)
```
#4999ff
```
#4999ff rgb(73,153,255)
```

Complementary Color

#ff5449
```
#ff5449 rgb(255,84,73)
```
#ffaf49
```
#ffaf49 rgb(255,175,73)
```
#f4ff49
```
#f4ff49 rgb(244,255,73)
```

Analogous Color

#5449ff
```
#5449ff rgb(84,73,255)
```
#ffaf49
```
#ffaf49 rgb(255,175,73)
```
#49f4ff
```
#49f4ff rgb(73,244,255)
```

Split Complementary Color

#af49ff
```
#af49ff rgb(175,73,255)
```
#ffaf49
```
#ffaf49 rgb(255,175,73)
```
#49ffaf
```
#49ffaf rgb(73,255,175)
```

Triadic Color

#ff4999
```
#ff4999 rgb(255,73,153)
```
#ffaf49
```
#ffaf49 rgb(255,175,73)
```
#49ffaf
```
#49ffaf rgb(73,255,175)
```
#4999ff
```
#4999ff rgb(73,153,255)
```

Tetradic Color

#fc8d00
```
#fc8d00 rgb(252,141,0)
```
#ff9916
```
#ff9916 rgb(255,153,22)
```
#ffa430
```
#ffa430 rgb(255,164,48)
```
#ffaf49
```
#ffaf49 rgb(255,175,73)
```
#ffba63
```
#ffba63 rgb(255,186,99)
```
#ffc57c
```
#ffc57c rgb(255,197,124)
```
#ffd196
```
#ffd196 rgb(255,209,150)
```

Monochromatic Color

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

#ff8249
```
#ff8249 rgb(255,130,73)
```
#ff9149
```
#ff9149 rgb(255,145,73)
```
#ffa049
```
#ffa049 rgb(255,160,73)
```
#ffaf49
```
#ffaf49 rgb(255,175,73)
```
#ffbe49
```
#ffbe49 rgb(255,190,73)
```
#ffcd49
```
#ffcd49 rgb(255,205,73)
```
#ffdd49
```
#ffdd49 rgb(255,221,73)
```

Similar Colors

Text with hexadecimal color #ffaf49

This text has a font color of #ffaf49.

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

#ffaf49 background color

This paragraph has a background color of #ffaf49.

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

#ffaf49 border color

This element has a border color of #ffaf49.

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

CSS codes

.text {color:#ffaf49;}

.background {background-color:#ffaf49;}

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

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

#0e0800
```
#0e0800 rgb(14,8,0)
```
#221300
```
#221300 rgb(34,19,0)
```
#351e00
```
#351e00 rgb(53,30,0)
```
#492900
```
#492900 rgb(73,41,0)
```
#5d3400
```
#5d3400 rgb(93,52,0)
```
#703f00
```
#703f00 rgb(112,63,0)
```
#844a00
```
#844a00 rgb(132,74,0)
```
#975500
```
#975500 rgb(151,85,0)
```
#ab6000
```
#ab6000 rgb(171,96,0)
```
#bf6b00
```
#bf6b00 rgb(191,107,0)
```
#d27600
```
#d27600 rgb(210,118,0)
```
#e68100
```
#e68100 rgb(230,129,0)
```
#fa8c00
```
#fa8c00 rgb(250,140,0)
```

Shade Color Variation

#ff950e
```
#ff950e rgb(255,149,14)
```
#ff9e22
```
#ff9e22 rgb(255,158,34)
```
#ffa635
```
#ffa635 rgb(255,166,53)
```
#ffaf49
```
#ffaf49 rgb(255,175,73)
```
#ffb85d
```
#ffb85d rgb(255,184,93)
```
#ffc070
```
#ffc070 rgb(255,192,112)
```
#ffc984
```
#ffc984 rgb(255,201,132)
```
#ffd197
```
#ffd197 rgb(255,209,151)
```
#ffdaab
```
#ffdaab rgb(255,218,171)
```
#ffe3bf
```
#ffe3bf rgb(255,227,191)
```
#ffebd2
```
#ffebd2 rgb(255,235,210)
```
#fff4e6
```
#fff4e6 rgb(255,244,230)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#aba59d
```
#aba59d rgb(171,165,157)
```
#b2a696
```
#b2a696 rgb(178,166,150)
```
#b9a78f
```
#b9a78f rgb(185,167,143)
```
#c0a788
```
#c0a788 rgb(192,167,136)
```
#c7a881
```
#c7a881 rgb(199,168,129)
```
#cea97a
```
#cea97a rgb(206,169,122)
```
#d5aa73
```
#d5aa73 rgb(213,170,115)
```
#dcab6c
```
#dcab6c rgb(220,171,108)
```
#e3ac65
```
#e3ac65 rgb(227,172,101)
```
#eaac5e
```
#eaac5e rgb(234,172,94)
```
#f1ad57
```
#f1ad57 rgb(241,173,87)
```
#f8ae50
```
#f8ae50 rgb(248,174,80)
```
#ffaf49
```
#ffaf49 rgb(255,175,73)
```

Tone Color Variation

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

#bbbbbb Achromatopsia 0.005% of the population
#c9b9a4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c356 Protanopia 1% of men
#f0b950 Deuteranopia 1% of men
#ffacb6 Tritanopia 0.001% of the population

Trichromacy

#e6bb51 Protanomaly 1% of men, 0.01% of women
#f5b54d Deuteranomaly 6% of men, 0.4% of women
#ffad8e Tritanomaly 0.01% of the population

#ffaf49 hex color

#ffaf49 Color Information

#ffaf49 Color Conversion

Color Schemes with #ffaf49

Alternatives to #ffaf49

#ffaf49 Preview

Shades and Tints of #ffaf49

Tones of #ffaf49

Color Blindness Simulator