#ffaf4b hex color

In a RGB color space, hex #ffaf4b is composed of 100% red, 68.6% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 70.6% yellow and 0% black. It has a hue angle of 33.3 degrees, a saturation of 100% and a lightness of 64.7%. #ffaf4b color hex could be obtained by blending #ffff96 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

● #ffaf4b color description : Light orange.

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

Hex triplet	ffaf4b	`#ffaf4b`
RGB Decimal	255, 175, 75	`rgb(255,175,75)`
RGB Percent	100, 68.6, 29.4	`rgb(100%,68.6%,29.4%)`
CMYK	0, 31, 71, 0
HSL	33.3°, 100, 64.7	`hsl(33.3,100%,64.7%)`
HSV (or HSB)	33.3°, 70.6, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	77.538, 20.529, 60.98
XYZ	57.841, 52.432, 13.73
xyY	0.466, 0.423, 52.432
CIE-LCH	77.538, 64.343, 71.394
CIE-LUV	77.538, 63.947, 65.078
Hunter-Lab	72.41, 15.87, 39.444
Binary	11111111, 10101111, 01001011

#ffaf4b
```
#ffaf4b rgb(255,175,75)
```
#4b9bff
```
#4b9bff rgb(75,155,255)
```

Complementary Color

#ff554b
```
#ff554b rgb(255,85,75)
```
#ffaf4b
```
#ffaf4b rgb(255,175,75)
```
#f5ff4b
```
#f5ff4b rgb(245,255,75)
```

Analogous Color

#554bff
```
#554bff rgb(85,75,255)
```
#ffaf4b
```
#ffaf4b rgb(255,175,75)
```
#4bf5ff
```
#4bf5ff rgb(75,245,255)
```

Split Complementary Color

#af4bff
```
#af4bff rgb(175,75,255)
```
#ffaf4b
```
#ffaf4b rgb(255,175,75)
```
#4bffaf
```
#4bffaf rgb(75,255,175)
```

Triadic Color

#ff4b9b
```
#ff4b9b rgb(255,75,155)
```
#ffaf4b
```
#ffaf4b rgb(255,175,75)
```
#4bffaf
```
#4bffaf rgb(75,255,175)
```
#4b9bff
```
#4b9bff rgb(75,155,255)
```

Tetradic Color

#fe8d00
```
#fe8d00 rgb(254,141,0)
```
#ff9818
```
#ff9818 rgb(255,152,24)
```
#ffa432
```
#ffa432 rgb(255,164,50)
```
#ffaf4b
```
#ffaf4b rgb(255,175,75)
```
#ffba65
```
#ffba65 rgb(255,186,101)
```
#ffc67e
```
#ffc67e rgb(255,198,126)
```
#ffd198
```
#ffd198 rgb(255,209,152)
```

Monochromatic Color

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

#ff824b
```
#ff824b rgb(255,130,75)
```
#ff914b
```
#ff914b rgb(255,145,75)
```
#ffa04b
```
#ffa04b rgb(255,160,75)
```
#ffaf4b
```
#ffaf4b rgb(255,175,75)
```
#ffbe4b
```
#ffbe4b rgb(255,190,75)
```
#ffcd4b
```
#ffcd4b rgb(255,205,75)
```
#ffdc4b
```
#ffdc4b rgb(255,220,75)
```

Similar Colors

Text with hexadecimal color #ffaf4b

This text has a font color of #ffaf4b.

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

#ffaf4b background color

This paragraph has a background color of #ffaf4b.

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

#ffaf4b border color

This element has a border color of #ffaf4b.

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

CSS codes

.text {color:#ffaf4b;}

.background {background-color:#ffaf4b;}

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

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

#100900
```
#100900 rgb(16,9,0)
```
#241400
```
#241400 rgb(36,20,0)
```
#371f00
```
#371f00 rgb(55,31,0)
```
#4b2a00
```
#4b2a00 rgb(75,42,0)
```
#5f3500
```
#5f3500 rgb(95,53,0)
```
#723f00
```
#723f00 rgb(114,63,0)
```
#864a00
```
#864a00 rgb(134,74,0)
```
#995500
```
#995500 rgb(153,85,0)
```
#ad6000
```
#ad6000 rgb(173,96,0)
```
#c16b00
```
#c16b00 rgb(193,107,0)
```
#d47600
```
#d47600 rgb(212,118,0)
```
#e88100
```
#e88100 rgb(232,129,0)
```
#fc8c00
```
#fc8c00 rgb(252,140,0)
```

Shade Color Variation

#ff9510
```
#ff9510 rgb(255,149,16)
```
#ff9e24
```
#ff9e24 rgb(255,158,36)
```
#ffa637
```
#ffa637 rgb(255,166,55)
```
#ffaf4b
```
#ffaf4b rgb(255,175,75)
```
#ffb85f
```
#ffb85f rgb(255,184,95)
```
#ffc072
```
#ffc072 rgb(255,192,114)
```
#ffc986
```
#ffc986 rgb(255,201,134)
```
#ffd299
```
#ffd299 rgb(255,210,153)
```
#ffdbad
```
#ffdbad rgb(255,219,173)
```
#ffe3c1
```
#ffe3c1 rgb(255,227,193)
```
#ffecd4
```
#ffecd4 rgb(255,236,212)
```
#fff5e8
```
#fff5e8 rgb(255,245,232)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#aca69e
```
#aca69e rgb(172,166,158)
```
#b3a797
```
#b3a797 rgb(179,167,151)
```
#baa790
```
#baa790 rgb(186,167,144)
```
#c1a889
```
#c1a889 rgb(193,168,137)
```
#c8a982
```
#c8a982 rgb(200,169,130)
```
#cfaa7b
```
#cfaa7b rgb(207,170,123)
```
#d5aa75
```
#d5aa75 rgb(213,170,117)
```
#dcab6e
```
#dcab6e rgb(220,171,110)
```
#e3ac67
```
#e3ac67 rgb(227,172,103)
```
#eaad60
```
#eaad60 rgb(234,173,96)
```
#f1ad59
```
#f1ad59 rgb(241,173,89)
```
#f8ae52
```
#f8ae52 rgb(248,174,82)
```
#ffaf4b
```
#ffaf4b rgb(255,175,75)
```

Tone Color Variation

Below, you can see how #ffaf4b 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
#c9b9a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c358 Protanopia 1% of men
#f0b951 Deuteranopia 1% of men
#ffacb6 Tritanopia 0.001% of the population

Trichromacy

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

#ffaf4b hex color

#ffaf4b Color Information

#ffaf4b Color Conversion

Color Schemes with #ffaf4b

Alternatives to #ffaf4b

#ffaf4b Preview

Shades and Tints of #ffaf4b

Tones of #ffaf4b

Color Blindness Simulator