#ff5f0a hex color

In a RGB color space, hex #ff5f0a is composed of 100% red, 37.3% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 96.1% yellow and 0% black. It has a hue angle of 20.8 degrees, a saturation of 100% and a lightness of 52%. #ff5f0a color hex could be obtained by blending #ffbe14 with #ff0000. Closest websafe color is: #ff6600.

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

● #ff5f0a color description : Vivid orange.

The hexadecimal color #ff5f0a has RGB values of R:255, G:95, B:10 and CMYK values of C:0, M:0.63, Y:0.96, K:0. Its decimal value is 16736010.

Hex triplet	ff5f0a	`#ff5f0a`
RGB Decimal	255, 95, 10	`rgb(255,95,10)`
RGB Percent	100, 37.3, 3.9	`rgb(100%,37.3%,3.9%)`
CMYK	0, 63, 96, 0
HSL	20.8°, 100, 52	`hsl(20.8,100%,52%)`
HSV (or HSB)	20.8°, 96.1, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	61.195, 58.079, 68.989
XYZ	45.389, 29.471, 3.586
xyY	0.579, 0.376, 29.471
CIE-LCH	61.195, 90.181, 49.907
CIE-LUV	61.195, 132.515, 50.952
Hunter-Lab	54.288, 54.238, 34.085
Binary	11111111, 01011111, 00001010

#ff5f0a
```
#ff5f0a rgb(255,95,10)
```
#0aaaff
```
#0aaaff rgb(10,170,255)
```

Complementary Color

#ff0a2f
```
#ff0a2f rgb(255,10,47)
```
#ff5f0a
```
#ff5f0a rgb(255,95,10)
```
#ffda0a
```
#ffda0a rgb(255,218,10)
```

Analogous Color

#0a2fff
```
#0a2fff rgb(10,47,255)
```
#ff5f0a
```
#ff5f0a rgb(255,95,10)
```
#0affda
```
#0affda rgb(10,255,218)
```

Split Complementary Color

#5f0aff
```
#5f0aff rgb(95,10,255)
```
#ff5f0a
```
#ff5f0a rgb(255,95,10)
```
#0aff5f
```
#0aff5f rgb(10,255,95)
```

Triadic Color

#ff0aaa
```
#ff0aaa rgb(255,10,170)
```
#ff5f0a
```
#ff5f0a rgb(255,95,10)
```
#0aff5f
```
#0aff5f rgb(10,255,95)
```
#0aaaff
```
#0aaaff rgb(10,170,255)
```

Tetradic Color

#bd4100
```
#bd4100 rgb(189,65,0)
```
#d64a00
```
#d64a00 rgb(214,74,0)
```
#f05300
```
#f05300 rgb(240,83,0)
```
#ff5f0a
```
#ff5f0a rgb(255,95,10)
```
#ff7024
```
#ff7024 rgb(255,112,36)
```
#ff803d
```
#ff803d rgb(255,128,61)
```
#ff9157
```
#ff9157 rgb(255,145,87)
```

Monochromatic Color

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

#ff220a
```
#ff220a rgb(255,34,10)
```
#ff360a
```
#ff360a rgb(255,54,10)
```
#ff4b0a
```
#ff4b0a rgb(255,75,10)
```
#ff5f0a
```
#ff5f0a rgb(255,95,10)
```
#ff730a
```
#ff730a rgb(255,115,10)
```
#ff880a
```
#ff880a rgb(255,136,10)
```
#ff9c0a
```
#ff9c0a rgb(255,156,10)
```

Similar Colors

Text with hexadecimal color #ff5f0a

This text has a font color of #ff5f0a.

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

#ff5f0a background color

This paragraph has a background color of #ff5f0a.

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

#ff5f0a border color

This element has a border color of #ff5f0a.

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

CSS codes

.text {color:#ff5f0a;}

.background {background-color:#ff5f0a;}

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

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

#0a0300
```
#0a0300 rgb(10,3,0)
```
#1e0a00
```
#1e0a00 rgb(30,10,0)
```
#311100
```
#311100 rgb(49,17,0)
```
#451800
```
#451800 rgb(69,24,0)
```
#581f00
```
#581f00 rgb(88,31,0)
```
#6c2500
```
#6c2500 rgb(108,37,0)
```
#802c00
```
#802c00 rgb(128,44,0)
```
#933300
```
#933300 rgb(147,51,0)
```
#a73a00
```
#a73a00 rgb(167,58,0)
```
#bb4100
```
#bb4100 rgb(187,65,0)
```
#ce4800
```
#ce4800 rgb(206,72,0)
```
#e24e00
```
#e24e00 rgb(226,78,0)
```
#f55500
```
#f55500 rgb(245,85,0)
```

Shade Color Variation

#ff5f0a
```
#ff5f0a rgb(255,95,10)
```
#ff6c1e
```
#ff6c1e rgb(255,108,30)
```
#ff7931
```
#ff7931 rgb(255,121,49)
```
#ff8545
```
#ff8545 rgb(255,133,69)
```
#ff9258
```
#ff9258 rgb(255,146,88)
```
#ff9f6c
```
#ff9f6c rgb(255,159,108)
```
#ffac80
```
#ffac80 rgb(255,172,128)
```
#ffb993
```
#ffb993 rgb(255,185,147)
```
#ffc5a7
```
#ffc5a7 rgb(255,197,167)
```
#ffd2bb
```
#ffd2bb rgb(255,210,187)
```
#ffdfce
```
#ffdfce rgb(255,223,206)
```
#ffece2
```
#ffece2 rgb(255,236,226)
```
#fff9f5
```
#fff9f5 rgb(255,249,245)
```

Tint Color Variation

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

#8e827b
```
#8e827b rgb(142,130,123)
```
#977f72
```
#977f72 rgb(151,127,114)
```
#a17c68
```
#a17c68 rgb(161,124,104)
```
#aa795f
```
#aa795f rgb(170,121,95)
```
#b47655
```
#b47655 rgb(180,118,85)
```
#bd734c
```
#bd734c rgb(189,115,76)
```
#c67043
```
#c67043 rgb(198,112,67)
```
#d06d39
```
#d06d39 rgb(208,109,57)
```
#d96b30
```
#d96b30 rgb(217,107,48)
```
#e36826
```
#e36826 rgb(227,104,38)
```
#ec651d
```
#ec651d rgb(236,101,29)
```
#f66213
```
#f66213 rgb(246,98,19)
```
#ff5f0a
```
#ff5f0a rgb(255,95,10)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#9d7d6c Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9925 Protanopia 1% of men
#bf9200 Deuteranopia 1% of men
#ff6267 Tritanopia 0.001% of the population

Trichromacy

#c9841b Protanomaly 1% of men, 0.01% of women
#d67f03 Deuteranomaly 6% of men, 0.4% of women
#ff6145 Tritanomaly 0.01% of the population

#ff5f0a hex color

#ff5f0a Color Information

#ff5f0a Color Conversion

Color Schemes with #ff5f0a

Alternatives to #ff5f0a

#ff5f0a Preview

Shades and Tints of #ff5f0a

Tones of #ff5f0a

Color Blindness Simulator