#ffb40f hex color

In a RGB color space, hex #ffb40f is composed of 100% red, 70.6% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 29.4% magenta, 94.1% yellow and 0% black. It has a hue angle of 41.3 degrees, a saturation of 100% and a lightness of 52.9%. #ffb40f color hex could be obtained by blending #ffff1e with #ff6900. Closest websafe color is: #ffcc00.

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

● #ffb40f color description : Vivid orange.

The hexadecimal color #ffb40f has RGB values of R:255, G:180, B:15 and CMYK values of C:0, M:0.29, Y:0.94, K:0. Its decimal value is 16757775.

Hex triplet	ffb40f	`#ffb40f`
RGB Decimal	255, 180, 15	`rgb(255,180,15)`
RGB Percent	100, 70.6, 5.9	`rgb(100%,70.6%,5.9%)`
CMYK	0, 29, 94, 0
HSL	41.3°, 100, 52.9	`hsl(41.3,100%,52.9%)`
HSV (or HSB)	41.3°, 94.1, 100
Web Safe	ffcc00	`#ffcc00`

CIE-LAB	78.427, 16.227, 79.645
XYZ	57.649, 53.941, 7.827
xyY	0.483, 0.452, 53.941
CIE-LCH	78.427, 81.282, 78.484
CIE-LUV	78.427, 62.383, 78.489
Hunter-Lab	73.444, 11.583, 45.092
Binary	11111111, 10110100, 00001111

#ffb40f
```
#ffb40f rgb(255,180,15)
```
#0f5aff
```
#0f5aff rgb(15,90,255)
```

Complementary Color

#ff3c0f
```
#ff3c0f rgb(255,60,15)
```
#ffb40f
```
#ffb40f rgb(255,180,15)
```
#d2ff0f
```
#d2ff0f rgb(210,255,15)
```

Analogous Color

#3c0fff
```
#3c0fff rgb(60,15,255)
```
#ffb40f
```
#ffb40f rgb(255,180,15)
```
#0fd2ff
```
#0fd2ff rgb(15,210,255)
```

Split Complementary Color

#b40fff
```
#b40fff rgb(180,15,255)
```
#ffb40f
```
#ffb40f rgb(255,180,15)
```
#0fffb4
```
#0fffb4 rgb(15,255,180)
```

Triadic Color

#ff0f5a
```
#ff0f5a rgb(255,15,90)
```
#ffb40f
```
#ffb40f rgb(255,180,15)
```
#0fffb4
```
#0fffb4 rgb(15,255,180)
```
#0f5aff
```
#0f5aff rgb(15,90,255)
```

Tetradic Color

#c28500
```
#c28500 rgb(194,133,0)
```
#db9700
```
#db9700 rgb(219,151,0)
```
#f5a800
```
#f5a800 rgb(245,168,0)
```
#ffb40f
```
#ffb40f rgb(255,180,15)
```
#ffbc29
```
#ffbc29 rgb(255,188,41)
```
#ffc442
```
#ffc442 rgb(255,196,66)
```
#ffcc5c
```
#ffcc5c rgb(255,204,92)
```

Monochromatic Color

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

#ff780f
```
#ff780f rgb(255,120,15)
```
#ff8c0f
```
#ff8c0f rgb(255,140,15)
```
#ffa00f
```
#ffa00f rgb(255,160,15)
```
#ffb40f
```
#ffb40f rgb(255,180,15)
```
#ffc80f
```
#ffc80f rgb(255,200,15)
```
#ffdc0f
```
#ffdc0f rgb(255,220,15)
```
#fff00f
```
#fff00f rgb(255,240,15)
```

Similar Colors

Text with hexadecimal color #ffb40f

This text has a font color of #ffb40f.

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

#ffb40f background color

This paragraph has a background color of #ffb40f.

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

#ffb40f border color

This element has a border color of #ffb40f.

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

CSS codes

.text {color:#ffb40f;}

.background {background-color:#ffb40f;}

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

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

#0f0a00
```
#0f0a00 rgb(15,10,0)
```
#231800
```
#231800 rgb(35,24,0)
```
#362500
```
#362500 rgb(54,37,0)
```
#4a3300
```
#4a3300 rgb(74,51,0)
```
#5d4000
```
#5d4000 rgb(93,64,0)
```
#714e00
```
#714e00 rgb(113,78,0)
```
#855b00
```
#855b00 rgb(133,91,0)
```
#986900
```
#986900 rgb(152,105,0)
```
#ac7600
```
#ac7600 rgb(172,118,0)
```
#c08400
```
#c08400 rgb(192,132,0)
```
#d39100
```
#d39100 rgb(211,145,0)
```
#e79f00
```
#e79f00 rgb(231,159,0)
```
#faac00
```
#faac00 rgb(250,172,0)
```

Shade Color Variation

#ffb40f
```
#ffb40f rgb(255,180,15)
```
#ffba23
```
#ffba23 rgb(255,186,35)
```
#ffc036
```
#ffc036 rgb(255,192,54)
```
#ffc64a
```
#ffc64a rgb(255,198,74)
```
#ffcd5d
```
#ffcd5d rgb(255,205,93)
```
#ffd371
```
#ffd371 rgb(255,211,113)
```
#ffd985
```
#ffd985 rgb(255,217,133)
```
#ffdf98
```
#ffdf98 rgb(255,223,152)
```
#ffe5ac
```
#ffe5ac rgb(255,229,172)
```
#ffebc0
```
#ffebc0 rgb(255,235,192)
```
#fff1d3
```
#fff1d3 rgb(255,241,211)
```
#fff7e7
```
#fff7e7 rgb(255,247,231)
```
#fffefa
```
#fffefa rgb(255,254,250)
```

Tint Color Variation

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

#908a7e
```
#908a7e rgb(144,138,126)
```
#998e75
```
#998e75 rgb(153,142,117)
```
#a3916b
```
#a3916b rgb(163,145,107)
```
#ac9562
```
#ac9562 rgb(172,149,98)
```
#b59859
```
#b59859 rgb(181,152,89)
```
#be9c50
```
#be9c50 rgb(190,156,80)
```
#c89f46
```
#c89f46 rgb(200,159,70)
```
#d1a33d
```
#d1a33d rgb(209,163,61)
```
#daa634
```
#daa634 rgb(218,166,52)
```
#e3aa2b
```
#e3aa2b rgb(227,170,43)
```
#edad21
```
#edad21 rgb(237,173,33)
```
#f6b118
```
#f6b118 rgb(246,177,24)
```
#ffb40f
```
#ffb40f rgb(255,180,15)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c6b796 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc520 Protanopia 1% of men
#f6bb15 Deuteranopia 1% of men
#ffafb9 Tritanopia 0.001% of the population

Trichromacy

#e9bf1a Protanomaly 1% of men, 0.01% of women
#f9b813 Deuteranomaly 6% of men, 0.4% of women
#ffb17b Tritanomaly 0.01% of the population

#ffb40f hex color

#ffb40f Color Information

#ffb40f Color Conversion

Color Schemes with #ffb40f

Alternatives to #ffb40f

#ffb40f Preview

Shades and Tints of #ffb40f

Tones of #ffb40f

Color Blindness Simulator