#ffaf1e hex color

In a RGB color space, hex #ffaf1e is composed of 100% red, 68.6% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.4% magenta, 88.2% yellow and 0% black. It has a hue angle of 38.7 degrees, a saturation of 100% and a lightness of 55.9%. #ffaf1e color hex could be obtained by blending #ffff3c with #ff5f00. Closest websafe color is: #ff9933.

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

● #ffaf1e color description : Vivid orange.

The hexadecimal color #ffaf1e has RGB values of R:255, G:175, B:30 and CMYK values of C:0, M:0.31, Y:0.88, K:0. Its decimal value is 16756510.

Hex triplet	ffaf1e	`#ffaf1e`
RGB Decimal	255, 175, 30	`rgb(255,175,30)`
RGB Percent	100, 68.6, 11.8	`rgb(100%,68.6%,11.8%)`
CMYK	0, 31, 88, 0
HSL	38.7°, 100, 55.9	`hsl(38.7,100%,55.9%)`
HSV (or HSB)	38.7°, 88.2, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	77.291, 19.05, 76.124
XYZ	56.806, 52.017, 8.277
xyY	0.485, 0.444, 52.017
CIE-LCH	77.291, 78.472, 75.951
CIE-LUV	77.291, 66.106, 75.192
Hunter-Lab	72.123, 14.375, 43.682
Binary	11111111, 10101111, 00011110

#ffaf1e
```
#ffaf1e rgb(255,175,30)
```
#1e6eff
```
#1e6eff rgb(30,110,255)
```

Complementary Color

#ff3f1e
```
#ff3f1e rgb(255,63,30)
```
#ffaf1e
```
#ffaf1e rgb(255,175,30)
```
#dfff1e
```
#dfff1e rgb(223,255,30)
```

Analogous Color

#3f1eff
```
#3f1eff rgb(63,30,255)
```
#ffaf1e
```
#ffaf1e rgb(255,175,30)
```
#1edfff
```
#1edfff rgb(30,223,255)
```

Split Complementary Color

#af1eff
```
#af1eff rgb(175,30,255)
```
#ffaf1e
```
#ffaf1e rgb(255,175,30)
```
#1effaf
```
#1effaf rgb(30,255,175)
```

Triadic Color

#ff1e6e
```
#ff1e6e rgb(255,30,110)
```
#ffaf1e
```
#ffaf1e rgb(255,175,30)
```
#1effaf
```
#1effaf rgb(30,255,175)
```
#1e6eff
```
#1e6eff rgb(30,110,255)
```

Tetradic Color

#d18600
```
#d18600 rgb(209,134,0)
```
#ea9700
```
#ea9700 rgb(234,151,0)
```
#ffa604
```
#ffa604 rgb(255,166,4)
```
#ffaf1e
```
#ffaf1e rgb(255,175,30)
```
#ffb838
```
#ffb838 rgb(255,184,56)
```
#ffc151
```
#ffc151 rgb(255,193,81)
```
#ffca6b
```
#ffca6b rgb(255,202,107)
```

Monochromatic Color

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

#ff771e
```
#ff771e rgb(255,119,30)
```
#ff8a1e
```
#ff8a1e rgb(255,138,30)
```
#ff9c1e
```
#ff9c1e rgb(255,156,30)
```
#ffaf1e
```
#ffaf1e rgb(255,175,30)
```
#ffc21e
```
#ffc21e rgb(255,194,30)
```
#ffd51e
```
#ffd51e rgb(255,213,30)
```
#ffe71e
```
#ffe71e rgb(255,231,30)
```

Similar Colors

Text with hexadecimal color #ffaf1e

This text has a font color of #ffaf1e.

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

#ffaf1e background color

This paragraph has a background color of #ffaf1e.

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

#ffaf1e border color

This element has a border color of #ffaf1e.

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

CSS codes

.text {color:#ffaf1e;}

.background {background-color:#ffaf1e;}

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

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

#0a0700
```
#0a0700 rgb(10,7,0)
```
#1e1300
```
#1e1300 rgb(30,19,0)
```
#322000
```
#322000 rgb(50,32,0)
```
#452d00
```
#452d00 rgb(69,45,0)
```
#593900
```
#593900 rgb(89,57,0)
```
#6c4600
```
#6c4600 rgb(108,70,0)
```
#805300
```
#805300 rgb(128,83,0)
```
#945f00
```
#945f00 rgb(148,95,0)
```
#a76c00
```
#a76c00 rgb(167,108,0)
```
#bb7800
```
#bb7800 rgb(187,120,0)
```
#cf8500
```
#cf8500 rgb(207,133,0)
```
#e29200
```
#e29200 rgb(226,146,0)
```
#f69e00
```
#f69e00 rgb(246,158,0)
```

Shade Color Variation

#ffa80a
```
#ffa80a rgb(255,168,10)
```
#ffaf1e
```
#ffaf1e rgb(255,175,30)
```
#ffb632
```
#ffb632 rgb(255,182,50)
```
#ffbd45
```
#ffbd45 rgb(255,189,69)
```
#ffc459
```
#ffc459 rgb(255,196,89)
```
#ffcb6c
```
#ffcb6c rgb(255,203,108)
```
#ffd280
```
#ffd280 rgb(255,210,128)
```
#ffd994
```
#ffd994 rgb(255,217,148)
```
#ffe0a7
```
#ffe0a7 rgb(255,224,167)
```
#ffe7bb
```
#ffe7bb rgb(255,231,187)
```
#ffeecf
```
#ffeecf rgb(255,238,207)
```
#fff5e2
```
#fff5e2 rgb(255,245,226)
```
#fffcf6
```
#fffcf6 rgb(255,252,246)
```

Tint Color Variation

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

#979186
```
#979186 rgb(151,145,134)
```
#a0947d
```
#a0947d rgb(160,148,125)
```
#a89675
```
#a89675 rgb(168,150,117)
```
#b1996c
```
#b1996c rgb(177,153,108)
```
#ba9b63
```
#ba9b63 rgb(186,155,99)
```
#c29e5b
```
#c29e5b rgb(194,158,91)
```
#cba052
```
#cba052 rgb(203,160,82)
```
#d4a349
```
#d4a349 rgb(212,163,73)
```
#dca541
```
#dca541 rgb(220,165,65)
```
#e5a838
```
#e5a838 rgb(229,168,56)
```
#eeaa2f
```
#eeaa2f rgb(238,170,47)
```
#f6ad27
```
#f6ad27 rgb(246,173,39)
```
#ffaf1e
```
#ffaf1e rgb(255,175,30)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#c5b598 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c22d Protanopia 1% of men
#f2b825 Deuteranopia 1% of men
#ffabb5 Tritanopia 0.001% of the population

Trichromacy

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

#ffaf1e hex color

#ffaf1e Color Information

#ffaf1e Color Conversion

Color Schemes with #ffaf1e

Alternatives to #ffaf1e

#ffaf1e Preview

Shades and Tints of #ffaf1e

Tones of #ffaf1e

Color Blindness Simulator