#ffaf4c hex color

In a RGB color space, hex #ffaf4c is composed of 100% red, 68.6% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 70.2% yellow and 0% black. It has a hue angle of 33.2 degrees, a saturation of 100% and a lightness of 64.9%. #ffaf4c color hex could be obtained by blending #ffff98 with #ff5f00. Closest websafe color is: #ff9933.

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

● #ffaf4c color description : Light orange.

The hexadecimal color #ffaf4c has RGB values of R:255, G:175, B:76 and CMYK values of C:0, M:0.31, Y:0.7, K:0. Its decimal value is 16756556.

Hex triplet	ffaf4c	`#ffaf4c`
RGB Decimal	255, 175, 76	`rgb(255,175,76)`
RGB Percent	100, 68.6, 29.8	`rgb(100%,68.6%,29.8%)`
CMYK	0, 31, 70, 0
HSL	33.2°, 100, 64.9	`hsl(33.2,100%,64.9%)`
HSV (or HSB)	33.2°, 70.2, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	77.546, 20.578, 60.554
XYZ	57.876, 52.445, 13.912
xyY	0.466, 0.422, 52.445
CIE-LCH	77.546, 63.955, 71.231
CIE-LUV	77.546, 63.877, 64.749
Hunter-Lab	72.419, 15.919, 39.304
Binary	11111111, 10101111, 01001100

#ffaf4c
```
#ffaf4c rgb(255,175,76)
```
#4c9cff
```
#4c9cff rgb(76,156,255)
```

Complementary Color

#ff564c
```
#ff564c rgb(255,86,76)
```
#ffaf4c
```
#ffaf4c rgb(255,175,76)
```
#f6ff4c
```
#f6ff4c rgb(246,255,76)
```

Analogous Color

#564cff
```
#564cff rgb(86,76,255)
```
#ffaf4c
```
#ffaf4c rgb(255,175,76)
```
#4cf6ff
```
#4cf6ff rgb(76,246,255)
```

Split Complementary Color

#af4cff
```
#af4cff rgb(175,76,255)
```
#ffaf4c
```
#ffaf4c rgb(255,175,76)
```
#4cffaf
```
#4cffaf rgb(76,255,175)
```

Triadic Color

#ff4c9c
```
#ff4c9c rgb(255,76,156)
```
#ffaf4c
```
#ffaf4c rgb(255,175,76)
```
#4cffaf
```
#4cffaf rgb(76,255,175)
```
#4c9cff
```
#4c9cff rgb(76,156,255)
```

Tetradic Color

#ff8d00
```
#ff8d00 rgb(255,141,0)
```
#ff9819
```
#ff9819 rgb(255,152,25)
```
#ffa433
```
#ffa433 rgb(255,164,51)
```
#ffaf4c
```
#ffaf4c rgb(255,175,76)
```
#ffba66
```
#ffba66 rgb(255,186,102)
```
#ffc67f
```
#ffc67f rgb(255,198,127)
```
#ffd199
```
#ffd199 rgb(255,209,153)
```

Monochromatic Color

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

#ff824c
```
#ff824c rgb(255,130,76)
```
#ff914c
```
#ff914c rgb(255,145,76)
```
#ffa04c
```
#ffa04c rgb(255,160,76)
```
#ffaf4c
```
#ffaf4c rgb(255,175,76)
```
#ffbe4c
```
#ffbe4c rgb(255,190,76)
```
#ffcd4c
```
#ffcd4c rgb(255,205,76)
```
#ffdc4c
```
#ffdc4c rgb(255,220,76)
```

Similar Colors

Text with hexadecimal color #ffaf4c

This text has a font color of #ffaf4c.

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

#ffaf4c background color

This paragraph has a background color of #ffaf4c.

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

#ffaf4c border color

This element has a border color of #ffaf4c.

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

CSS codes

.text {color:#ffaf4c;}

.background {background-color:#ffaf4c;}

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

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

#110900
```
#110900 rgb(17,9,0)
```
#251400
```
#251400 rgb(37,20,0)
```
#381f00
```
#381f00 rgb(56,31,0)
```
#4c2a00
```
#4c2a00 rgb(76,42,0)
```
#603500
```
#603500 rgb(96,53,0)
```
#734000
```
#734000 rgb(115,64,0)
```
#874b00
```
#874b00 rgb(135,75,0)
```
#9a5500
```
#9a5500 rgb(154,85,0)
```
#ae6000
```
#ae6000 rgb(174,96,0)
```
#c26b00
```
#c26b00 rgb(194,107,0)
```
#d57600
```
#d57600 rgb(213,118,0)
```
#e98100
```
#e98100 rgb(233,129,0)
```
#fd8c00
```
#fd8c00 rgb(253,140,0)
```

Shade Color Variation

#ff9511
```
#ff9511 rgb(255,149,17)
```
#ff9d25
```
#ff9d25 rgb(255,157,37)
```
#ffa638
```
#ffa638 rgb(255,166,56)
```
#ffaf4c
```
#ffaf4c rgb(255,175,76)
```
#ffb860
```
#ffb860 rgb(255,184,96)
```
#ffc173
```
#ffc173 rgb(255,193,115)
```
#ffc987
```
#ffc987 rgb(255,201,135)
```
#ffd29a
```
#ffd29a rgb(255,210,154)
```
#ffdbae
```
#ffdbae rgb(255,219,174)
```
#ffe4c2
```
#ffe4c2 rgb(255,228,194)
```
#ffecd5
```
#ffecd5 rgb(255,236,213)
```
#fff5e9
```
#fff5e9 rgb(255,245,233)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#aca69f
```
#aca69f rgb(172,166,159)
```
#b3a798
```
#b3a798 rgb(179,167,152)
```
#baa891
```
#baa891 rgb(186,168,145)
```
#c1a88a
```
#c1a88a rgb(193,168,138)
```
#c8a983
```
#c8a983 rgb(200,169,131)
```
#cfaa7c
```
#cfaa7c rgb(207,170,124)
```
#d6ab75
```
#d6ab75 rgb(214,171,117)
```
#ddab6e
```
#ddab6e rgb(221,171,110)
```
#e3ac68
```
#e3ac68 rgb(227,172,104)
```
#eaad61
```
#eaad61 rgb(234,173,97)
```
#f1ae5a
```
#f1ae5a rgb(241,174,90)
```
#f8ae53
```
#f8ae53 rgb(248,174,83)
```
#ffaf4c
```
#ffaf4c rgb(255,175,76)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c9b9a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c359 Protanopia 1% of men
#f0b952 Deuteranopia 1% of men
#ffacb6 Tritanopia 0.001% of the population

Trichromacy

#e6bb54 Protanomaly 1% of men, 0.01% of women
#f5b550 Deuteranomaly 6% of men, 0.4% of women
#ffad8f Tritanomaly 0.01% of the population

#ffaf4c hex color

#ffaf4c Color Information

#ffaf4c Color Conversion

Color Schemes with #ffaf4c

Alternatives to #ffaf4c

#ffaf4c Preview

Shades and Tints of #ffaf4c

Tones of #ffaf4c

Color Blindness Simulator