#ffaf20 hex color

In a RGB color space, hex #ffaf20 is composed of 100% red, 68.6% green and 12.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 87.5% yellow and 0% black. It has a hue angle of 38.5 degrees, a saturation of 100% and a lightness of 56.3%. #ffaf20 color hex could be obtained by blending #ffff40 with #ff5f00. Closest websafe color is: #ff9933.

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

● #ffaf20 color description : Vivid orange.

The hexadecimal color #ffaf20 has RGB values of R:255, G:175, B:32 and CMYK values of C:0, M:0.31, Y:0.87, K:0. Its decimal value is 16756512.

Hex triplet	ffaf20	`#ffaf20`
RGB Decimal	255, 175, 32	`rgb(255,175,32)`
RGB Percent	100, 68.6, 12.5	`rgb(100%,68.6%,12.5%)`
CMYK	0, 31, 87, 0
HSL	38.5°, 100, 56.3	`hsl(38.5,100%,56.3%)`
HSV (or HSB)	38.5°, 87.5, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	77.298, 19.088, 75.664
XYZ	56.832, 52.028, 8.416
xyY	0.485, 0.444, 52.028
CIE-LCH	77.298, 78.035, 75.841
CIE-LUV	77.298, 66.05, 74.928
Hunter-Lab	72.13, 14.413, 43.574
Binary	11111111, 10101111, 00100000

#ffaf20
```
#ffaf20 rgb(255,175,32)
```
#2070ff
```
#2070ff rgb(32,112,255)
```

Complementary Color

#ff4020
```
#ff4020 rgb(255,64,32)
```
#ffaf20
```
#ffaf20 rgb(255,175,32)
```
#e0ff20
```
#e0ff20 rgb(224,255,32)
```

Analogous Color

#4020ff
```
#4020ff rgb(64,32,255)
```
#ffaf20
```
#ffaf20 rgb(255,175,32)
```
#20e0ff
```
#20e0ff rgb(32,224,255)
```

Split Complementary Color

#af20ff
```
#af20ff rgb(175,32,255)
```
#ffaf20
```
#ffaf20 rgb(255,175,32)
```
#20ffaf
```
#20ffaf rgb(32,255,175)
```

Triadic Color

#ff2070
```
#ff2070 rgb(255,32,112)
```
#ffaf20
```
#ffaf20 rgb(255,175,32)
```
#20ffaf
```
#20ffaf rgb(32,255,175)
```
#2070ff
```
#2070ff rgb(32,112,255)
```

Tetradic Color

#d38700
```
#d38700 rgb(211,135,0)
```
#ec9700
```
#ec9700 rgb(236,151,0)
```
#ffa606
```
#ffa606 rgb(255,166,6)
```
#ffaf20
```
#ffaf20 rgb(255,175,32)
```
#ffb83a
```
#ffb83a rgb(255,184,58)
```
#ffc153
```
#ffc153 rgb(255,193,83)
```
#ffca6d
```
#ffca6d rgb(255,202,109)
```

Monochromatic Color

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

#ff7720
```
#ff7720 rgb(255,119,32)
```
#ff8a20
```
#ff8a20 rgb(255,138,32)
```
#ff9c20
```
#ff9c20 rgb(255,156,32)
```
#ffaf20
```
#ffaf20 rgb(255,175,32)
```
#ffc220
```
#ffc220 rgb(255,194,32)
```
#ffd420
```
#ffd420 rgb(255,212,32)
```
#ffe720
```
#ffe720 rgb(255,231,32)
```

Similar Colors

Text with hexadecimal color #ffaf20

This text has a font color of #ffaf20.

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

#ffaf20 background color

This paragraph has a background color of #ffaf20.

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

#ffaf20 border color

This element has a border color of #ffaf20.

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

CSS codes

.text {color:#ffaf20;}

.background {background-color:#ffaf20;}

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

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

#0c0800
```
#0c0800 rgb(12,8,0)
```
#201500
```
#201500 rgb(32,21,0)
```
#342100
```
#342100 rgb(52,33,0)
```
#472e00
```
#472e00 rgb(71,46,0)
```
#5b3a00
```
#5b3a00 rgb(91,58,0)
```
#6e4700
```
#6e4700 rgb(110,71,0)
```
#825300
```
#825300 rgb(130,83,0)
```
#966000
```
#966000 rgb(150,96,0)
```
#a96d00
```
#a96d00 rgb(169,109,0)
```
#bd7900
```
#bd7900 rgb(189,121,0)
```
#d18600
```
#d18600 rgb(209,134,0)
```
#e49200
```
#e49200 rgb(228,146,0)
```
#f89f00
```
#f89f00 rgb(248,159,0)
```

Shade Color Variation

#ffa80c
```
#ffa80c rgb(255,168,12)
```
#ffaf20
```
#ffaf20 rgb(255,175,32)
```
#ffb634
```
#ffb634 rgb(255,182,52)
```
#ffbd47
```
#ffbd47 rgb(255,189,71)
```
#ffc45b
```
#ffc45b rgb(255,196,91)
```
#ffcb6e
```
#ffcb6e rgb(255,203,110)
```
#ffd282
```
#ffd282 rgb(255,210,130)
```
#ffd996
```
#ffd996 rgb(255,217,150)
```
#ffe0a9
```
#ffe0a9 rgb(255,224,169)
```
#ffe7bd
```
#ffe7bd rgb(255,231,189)
```
#ffeed1
```
#ffeed1 rgb(255,238,209)
```
#fff5e4
```
#fff5e4 rgb(255,245,228)
```
#fffcf8
```
#fffcf8 rgb(255,252,248)
```

Tint Color Variation

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

#989287
```
#989287 rgb(152,146,135)
```
#a1947e
```
#a1947e rgb(161,148,126)
```
#a99776
```
#a99776 rgb(169,151,118)
```
#b2996d
```
#b2996d rgb(178,153,109)
```
#ba9c65
```
#ba9c65 rgb(186,156,101)
```
#c39e5c
```
#c39e5c rgb(195,158,92)
```
#cca053
```
#cca053 rgb(204,160,83)
```
#d4a34b
```
#d4a34b rgb(212,163,75)
```
#dda542
```
#dda542 rgb(221,165,66)
```
#e5a83a
```
#e5a83a rgb(229,168,58)
```
#eeaa31
```
#eeaa31 rgb(238,170,49)
```
#f6ad29
```
#f6ad29 rgb(246,173,41)
```
#ffaf20
```
#ffaf20 rgb(255,175,32)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#c5b599 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c22f Protanopia 1% of men
#f2b827 Deuteranopia 1% of men
#ffabb5 Tritanopia 0.001% of the population

Trichromacy

#e7bb2a Protanomaly 1% of men, 0.01% of women
#f7b524 Deuteranomaly 6% of men, 0.4% of women
#ffac7e Tritanomaly 0.01% of the population

#ffaf20 hex color

#ffaf20 Color Information

#ffaf20 Color Conversion

Color Schemes with #ffaf20

Alternatives to #ffaf20

#ffaf20 Preview

Shades and Tints of #ffaf20

Tones of #ffaf20

Color Blindness Simulator