#ffa40f hex color

In a RGB color space, hex #ffa40f is composed of 100% red, 64.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.7% magenta, 94.1% yellow and 0% black. It has a hue angle of 37.3 degrees, a saturation of 100% and a lightness of 52.9%. #ffa40f color hex could be obtained by blending #ffff1e with #ff4900. Closest websafe color is: #ff9900.

♥
- f
- t
- g
- R 100
- G 64
- B 6
RGB color chart
- C 0
- M 36
- Y 94
- K 0
CMYK color chart

● #ffa40f color description : Vivid orange.

The hexadecimal color #ffa40f has RGB values of R:255, G:164, B:15 and CMYK values of C:0, M:0.36, Y:0.94, K:0. Its decimal value is 16753679.

Hex triplet	ffa40f	`#ffa40f`
RGB Decimal	255, 164, 15	`rgb(255,164,15)`
RGB Percent	100, 64.3, 5.9	`rgb(100%,64.3%,5.9%)`
CMYK	0, 36, 94, 0
HSL	37.3°, 100, 52.9	`hsl(37.3,100%,52.9%)`
HSV (or HSB)	37.3°, 94.1, 100
Web Safe	ff9900	`#ff9900`

CIE-LAB	74.73, 24.575, 77.034
XYZ	54.603, 47.849, 6.812
xyY	0.5, 0.438, 47.849
CIE-LCH	74.73, 80.859, 72.306
CIE-LUV	74.73, 75.448, 72.737
Hunter-Lab	69.173, 19.849, 42.582
Binary	11111111, 10100100, 00001111

#ffa40f
```
#ffa40f rgb(255,164,15)
```
#0f6aff
```
#0f6aff rgb(15,106,255)
```

Complementary Color

#ff2c0f
```
#ff2c0f rgb(255,44,15)
```
#ffa40f
```
#ffa40f rgb(255,164,15)
```
#e2ff0f
```
#e2ff0f rgb(226,255,15)
```

Analogous Color

#2c0fff
```
#2c0fff rgb(44,15,255)
```
#ffa40f
```
#ffa40f rgb(255,164,15)
```
#0fe2ff
```
#0fe2ff rgb(15,226,255)
```

Split Complementary Color

#a40fff
```
#a40fff rgb(164,15,255)
```
#ffa40f
```
#ffa40f rgb(255,164,15)
```
#0fffa4
```
#0fffa4 rgb(15,255,164)
```

Triadic Color

#ff0f6a
```
#ff0f6a rgb(255,15,106)
```
#ffa40f
```
#ffa40f rgb(255,164,15)
```
#0fffa4
```
#0fffa4 rgb(15,255,164)
```
#0f6aff
```
#0f6aff rgb(15,106,255)
```

Tetradic Color

#c27800
```
#c27800 rgb(194,120,0)
```
#db8800
```
#db8800 rgb(219,136,0)
```
#f59800
```
#f59800 rgb(245,152,0)
```
#ffa40f
```
#ffa40f rgb(255,164,15)
```
#ffae29
```
#ffae29 rgb(255,174,41)
```
#ffb742
```
#ffb742 rgb(255,183,66)
```
#ffc15c
```
#ffc15c rgb(255,193,92)
```

Monochromatic Color

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

#ff680f
```
#ff680f rgb(255,104,15)
```
#ff7c0f
```
#ff7c0f rgb(255,124,15)
```
#ff900f
```
#ff900f rgb(255,144,15)
```
#ffa40f
```
#ffa40f rgb(255,164,15)
```
#ffb80f
```
#ffb80f rgb(255,184,15)
```
#ffcc0f
```
#ffcc0f rgb(255,204,15)
```
#ffe00f
```
#ffe00f rgb(255,224,15)
```

Similar Colors

Text with hexadecimal color #ffa40f

This text has a font color of #ffa40f.

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

#ffa40f background color

This paragraph has a background color of #ffa40f.

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

#ffa40f border color

This element has a border color of #ffa40f.

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

CSS codes

.text {color:#ffa40f;}

.background {background-color:#ffa40f;}

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

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

#0f0900
```
#0f0900 rgb(15,9,0)
```
#231500
```
#231500 rgb(35,21,0)
```
#362200
```
#362200 rgb(54,34,0)
```
#4a2e00
```
#4a2e00 rgb(74,46,0)
```
#5d3a00
```
#5d3a00 rgb(93,58,0)
```
#714600
```
#714600 rgb(113,70,0)
```
#855200
```
#855200 rgb(133,82,0)
```
#985f00
```
#985f00 rgb(152,95,0)
```
#ac6b00
```
#ac6b00 rgb(172,107,0)
```
#c07700
```
#c07700 rgb(192,119,0)
```
#d38300
```
#d38300 rgb(211,131,0)
```
#e78f00
```
#e78f00 rgb(231,143,0)
```
#fa9b00
```
#fa9b00 rgb(250,155,0)
```

Shade Color Variation

#ffa40f
```
#ffa40f rgb(255,164,15)
```
#ffab23
```
#ffab23 rgb(255,171,35)
```
#ffb336
```
#ffb336 rgb(255,179,54)
```
#ffba4a
```
#ffba4a rgb(255,186,74)
```
#ffc25d
```
#ffc25d rgb(255,194,93)
```
#ffc971
```
#ffc971 rgb(255,201,113)
```
#ffd185
```
#ffd185 rgb(255,209,133)
```
#ffd898
```
#ffd898 rgb(255,216,152)
```
#ffe0ac
```
#ffe0ac rgb(255,224,172)
```
#ffe7c0
```
#ffe7c0 rgb(255,231,192)
```
#ffeed3
```
#ffeed3 rgb(255,238,211)
```
#fff6e7
```
#fff6e7 rgb(255,246,231)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#90897e
```
#90897e rgb(144,137,126)
```
#998b75
```
#998b75 rgb(153,139,117)
```
#a38e6b
```
#a38e6b rgb(163,142,107)
```
#ac9062
```
#ac9062 rgb(172,144,98)
```
#b59259
```
#b59259 rgb(181,146,89)
```
#be9450
```
#be9450 rgb(190,148,80)
```
#c89746
```
#c89746 rgb(200,151,70)
```
#d1993d
```
#d1993d rgb(209,153,61)
```
#da9b34
```
#da9b34 rgb(218,155,52)
```
#e39d2b
```
#e39d2b rgb(227,157,43)
```
#eda021
```
#eda021 rgb(237,160,33)
```
#f6a218
```
#f6a218 rgb(246,162,24)
```
#ffa40f
```
#ffa40f rgb(255,164,15)
```

Tone Color Variation

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

Dichromacy

#d2bb21 Protanopia 1% of men
#eab200 Deuteranopia 1% of men
#ffa1aa Tritanopia 0.001% of the population

Trichromacy

#e2b31b Protanomaly 1% of men, 0.01% of women
#f2ad05 Deuteranomaly 6% of men, 0.4% of women
#ffa271 Tritanomaly 0.01% of the population

#ffa40f hex color

#ffa40f Color Information

#ffa40f Color Conversion

Color Schemes with #ffa40f

Alternatives to #ffa40f

#ffa40f Preview

Shades and Tints of #ffa40f

Tones of #ffa40f

Color Blindness Simulator