#ffa01e hex color

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

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

● #ffa01e color description : Vivid orange.

The hexadecimal color #ffa01e has RGB values of R:255, G:160, B:30 and CMYK values of C:0, M:0.37, Y:0.88, K:0. Its decimal value is 16752670.

Hex triplet	ffa01e	`#ffa01e`
RGB Decimal	255, 160, 30	`rgb(255,160,30)`
RGB Percent	100, 62.7, 11.8	`rgb(100%,62.7%,11.8%)`
CMYK	0, 37, 88, 0
HSL	34.7°, 100, 55.9	`hsl(34.7,100%,55.9%)`
HSV (or HSB)	34.7°, 88.2, 100
Web Safe	ff9933	`#ff9933`

CIE-LAB	73.868, 26.871, 73.485
XYZ	54.047, 46.499, 7.357
xyY	0.501, 0.431, 46.499
CIE-LCH	73.868, 78.244, 69.914
CIE-LUV	73.868, 78.372, 69.743
Hunter-Lab	68.191, 22.143, 41.336
Binary	11111111, 10100000, 00011110

#ffa01e
```
#ffa01e rgb(255,160,30)
```
#1e7dff
```
#1e7dff rgb(30,125,255)
```

Complementary Color

#ff301e
```
#ff301e rgb(255,48,30)
```
#ffa01e
```
#ffa01e rgb(255,160,30)
```
#eeff1e
```
#eeff1e rgb(238,255,30)
```

Analogous Color

#301eff
```
#301eff rgb(48,30,255)
```
#ffa01e
```
#ffa01e rgb(255,160,30)
```
#1eeeff
```
#1eeeff rgb(30,238,255)
```

Split Complementary Color

#a01eff
```
#a01eff rgb(160,30,255)
```
#ffa01e
```
#ffa01e rgb(255,160,30)
```
#1effa0
```
#1effa0 rgb(30,255,160)
```

Triadic Color

#ff1e7d
```
#ff1e7d rgb(255,30,125)
```
#ffa01e
```
#ffa01e rgb(255,160,30)
```
#1effa0
```
#1effa0 rgb(30,255,160)
```
#1e7dff
```
#1e7dff rgb(30,125,255)
```

Tetradic Color

#d17800
```
#d17800 rgb(209,120,0)
```
#ea8700
```
#ea8700 rgb(234,135,0)
```
#ff9504
```
#ff9504 rgb(255,149,4)
```
#ffa01e
```
#ffa01e rgb(255,160,30)
```
#ffab38
```
#ffab38 rgb(255,171,56)
```
#ffb651
```
#ffb651 rgb(255,182,81)
```
#ffc06b
```
#ffc06b rgb(255,192,107)
```

Monochromatic Color

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

#ff681e
```
#ff681e rgb(255,104,30)
```
#ff7b1e
```
#ff7b1e rgb(255,123,30)
```
#ff8d1e
```
#ff8d1e rgb(255,141,30)
```
#ffa01e
```
#ffa01e rgb(255,160,30)
```
#ffb31e
```
#ffb31e rgb(255,179,30)
```
#ffc61e
```
#ffc61e rgb(255,198,30)
```
#ffd81e
```
#ffd81e rgb(255,216,30)
```

Similar Colors

Text with hexadecimal color #ffa01e

This text has a font color of #ffa01e.

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

#ffa01e background color

This paragraph has a background color of #ffa01e.

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

#ffa01e border color

This element has a border color of #ffa01e.

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

CSS codes

.text {color:#ffa01e;}

.background {background-color:#ffa01e;}

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

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

#0a0600
```
#0a0600 rgb(10,6,0)
```
#1e1100
```
#1e1100 rgb(30,17,0)
```
#321d00
```
#321d00 rgb(50,29,0)
```
#452800
```
#452800 rgb(69,40,0)
```
#593300
```
#593300 rgb(89,51,0)
```
#6c3f00
```
#6c3f00 rgb(108,63,0)
```
#804a00
```
#804a00 rgb(128,74,0)
```
#945500
```
#945500 rgb(148,85,0)
```
#a76100
```
#a76100 rgb(167,97,0)
```
#bb6c00
```
#bb6c00 rgb(187,108,0)
```
#cf7700
```
#cf7700 rgb(207,119,0)
```
#e28300
```
#e28300 rgb(226,131,0)
```
#f68e00
```
#f68e00 rgb(246,142,0)
```

Shade Color Variation

#ff980a
```
#ff980a rgb(255,152,10)
```
#ffa01e
```
#ffa01e rgb(255,160,30)
```
#ffa832
```
#ffa832 rgb(255,168,50)
```
#ffb145
```
#ffb145 rgb(255,177,69)
```
#ffb959
```
#ffb959 rgb(255,185,89)
```
#ffc16c
```
#ffc16c rgb(255,193,108)
```
#ffc980
```
#ffc980 rgb(255,201,128)
```
#ffd294
```
#ffd294 rgb(255,210,148)
```
#ffdaa7
```
#ffdaa7 rgb(255,218,167)
```
#ffe2bb
```
#ffe2bb rgb(255,226,187)
```
#ffebcf
```
#ffebcf rgb(255,235,207)
```
#fff3e2
```
#fff3e2 rgb(255,243,226)
```
#fffbf6
```
#fffbf6 rgb(255,251,246)
```

Tint Color Variation

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

#979086
```
#979086 rgb(151,144,134)
```
#a0917d
```
#a0917d rgb(160,145,125)
```
#a89375
```
#a89375 rgb(168,147,117)
```
#b1946c
```
#b1946c rgb(177,148,108)
```
#ba9563
```
#ba9563 rgb(186,149,99)
```
#c2975b
```
#c2975b rgb(194,151,91)
```
#cb9852
```
#cb9852 rgb(203,152,82)
```
#d49949
```
#d49949 rgb(212,153,73)
```
#dc9b41
```
#dc9b41 rgb(220,155,65)
```
#e59c38
```
#e59c38 rgb(229,156,56)
```
#ee9d2f
```
#ee9d2f rgb(238,157,47)
```
#f69f27
```
#f69f27 rgb(246,159,39)
```
#ffa01e
```
#ffa01e rgb(255,160,30)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#beab91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfb92f Protanopia 1% of men
#e7b020 Deuteranopia 1% of men
#ff9da6 Tritanopia 0.001% of the population

Trichromacy

#e0b029 Protanomaly 1% of men, 0.01% of women
#f0aa1f Deuteranomaly 6% of men, 0.4% of women
#ff9e75 Tritanomaly 0.01% of the population

#ffa01e hex color

#ffa01e Color Information

#ffa01e Color Conversion

Color Schemes with #ffa01e

Alternatives to #ffa01e

#ffa01e Preview

Shades and Tints of #ffa01e

Tones of #ffa01e

Color Blindness Simulator