#ff5f0c hex color

In a RGB color space, hex #ff5f0c is composed of 100% red, 37.3% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 95.3% yellow and 0% black. It has a hue angle of 20.5 degrees, a saturation of 100% and a lightness of 52.4%. #ff5f0c color hex could be obtained by blending #ffbe18 with #ff0000. Closest websafe color is: #ff6600.

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

● #ff5f0c color description : Vivid orange.

The hexadecimal color #ff5f0c has RGB values of R:255, G:95, B:12 and CMYK values of C:0, M:0.63, Y:0.95, K:0. Its decimal value is 16736012.

Hex triplet	ff5f0c	`#ff5f0c`
RGB Decimal	255, 95, 12	`rgb(255,95,12)`
RGB Percent	100, 37.3, 4.7	`rgb(100%,37.3%,4.7%)`
CMYK	0, 63, 95, 0
HSL	20.5°, 100, 52.4	`hsl(20.5,100%,52.4%)`
HSV (or HSB)	20.5°, 95.3, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	61.2, 58.095, 68.635
XYZ	45.401, 29.476, 3.647
xyY	0.578, 0.375, 29.476
CIE-LCH	61.2, 89.921, 49.754
CIE-LUV	61.2, 132.444, 50.798
Hunter-Lab	54.292, 54.257, 34.022
Binary	11111111, 01011111, 00001100

#ff5f0c
```
#ff5f0c rgb(255,95,12)
```
#0cacff
```
#0cacff rgb(12,172,255)
```

Complementary Color

#ff0c33
```
#ff0c33 rgb(255,12,51)
```
#ff5f0c
```
#ff5f0c rgb(255,95,12)
```
#ffd90c
```
#ffd90c rgb(255,217,12)
```

Analogous Color

#0c33ff
```
#0c33ff rgb(12,51,255)
```
#ff5f0c
```
#ff5f0c rgb(255,95,12)
```
#0cffd9
```
#0cffd9 rgb(12,255,217)
```

Split Complementary Color

#5f0cff
```
#5f0cff rgb(95,12,255)
```
#ff5f0c
```
#ff5f0c rgb(255,95,12)
```
#0cff5f
```
#0cff5f rgb(12,255,95)
```

Triadic Color

#ff0cac
```
#ff0cac rgb(255,12,172)
```
#ff5f0c
```
#ff5f0c rgb(255,95,12)
```
#0cff5f
```
#0cff5f rgb(12,255,95)
```
#0cacff
```
#0cacff rgb(12,172,255)
```

Tetradic Color

#bf4100
```
#bf4100 rgb(191,65,0)
```
#d84a00
```
#d84a00 rgb(216,74,0)
```
#f25200
```
#f25200 rgb(242,82,0)
```
#ff5f0c
```
#ff5f0c rgb(255,95,12)
```
#ff7026
```
#ff7026 rgb(255,112,38)
```
#ff813f
```
#ff813f rgb(255,129,63)
```
#ff9159
```
#ff9159 rgb(255,145,89)
```

Monochromatic Color

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

#ff220c
```
#ff220c rgb(255,34,12)
```
#ff370c
```
#ff370c rgb(255,55,12)
```
#ff4b0c
```
#ff4b0c rgb(255,75,12)
```
#ff5f0c
```
#ff5f0c rgb(255,95,12)
```
#ff730c
```
#ff730c rgb(255,115,12)
```
#ff880c
```
#ff880c rgb(255,136,12)
```
#ff9c0c
```
#ff9c0c rgb(255,156,12)
```

Similar Colors

Text with hexadecimal color #ff5f0c

This text has a font color of #ff5f0c.

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

#ff5f0c background color

This paragraph has a background color of #ff5f0c.

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

#ff5f0c border color

This element has a border color of #ff5f0c.

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

CSS codes

.text {color:#ff5f0c;}

.background {background-color:#ff5f0c;}

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

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

#0c0400
```
#0c0400 rgb(12,4,0)
```
#200b00
```
#200b00 rgb(32,11,0)
```
#331100
```
#331100 rgb(51,17,0)
```
#471800
```
#471800 rgb(71,24,0)
```
#5a1f00
```
#5a1f00 rgb(90,31,0)
```
#6e2600
```
#6e2600 rgb(110,38,0)
```
#822c00
```
#822c00 rgb(130,44,0)
```
#953300
```
#953300 rgb(149,51,0)
```
#a93a00
```
#a93a00 rgb(169,58,0)
```
#bd4000
```
#bd4000 rgb(189,64,0)
```
#d04700
```
#d04700 rgb(208,71,0)
```
#e44e00
```
#e44e00 rgb(228,78,0)
```
#f75400
```
#f75400 rgb(247,84,0)
```

Shade Color Variation

#ff5f0c
```
#ff5f0c rgb(255,95,12)
```
#ff6c20
```
#ff6c20 rgb(255,108,32)
```
#ff7933
```
#ff7933 rgb(255,121,51)
```
#ff8647
```
#ff8647 rgb(255,134,71)
```
#ff935a
```
#ff935a rgb(255,147,90)
```
#ffa06e
```
#ffa06e rgb(255,160,110)
```
#ffac82
```
#ffac82 rgb(255,172,130)
```
#ffb995
```
#ffb995 rgb(255,185,149)
```
#ffc6a9
```
#ffc6a9 rgb(255,198,169)
```
#ffd3bd
```
#ffd3bd rgb(255,211,189)
```
#ffe0d0
```
#ffe0d0 rgb(255,224,208)
```
#ffede4
```
#ffede4 rgb(255,237,228)
```
#fffaf7
```
#fffaf7 rgb(255,250,247)
```

Tint Color Variation

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

#8f837c
```
#8f837c rgb(143,131,124)
```
#988073
```
#988073 rgb(152,128,115)
```
#a27d69
```
#a27d69 rgb(162,125,105)
```
#ab7a60
```
#ab7a60 rgb(171,122,96)
```
#b47757
```
#b47757 rgb(180,119,87)
```
#be744d
```
#be744d rgb(190,116,77)
```
#c77144
```
#c77144 rgb(199,113,68)
```
#d06e3b
```
#d06e3b rgb(208,110,59)
```
#da6b31
```
#da6b31 rgb(218,107,49)
```
#e36828
```
#e36828 rgb(227,104,40)
```
#ec651f
```
#ec651f rgb(236,101,31)
```
#f66215
```
#f66215 rgb(246,98,21)
```
#ff5f0c
```
#ff5f0c rgb(255,95,12)
```

Tone Color Variation

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

Dichromacy

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

Trichromacy

#c9841c Protanomaly 1% of men, 0.01% of women
#d67f04 Deuteranomaly 6% of men, 0.4% of women
#ff6146 Tritanomaly 0.01% of the population

#ff5f0c hex color

#ff5f0c Color Information

#ff5f0c Color Conversion

Color Schemes with #ff5f0c

Alternatives to #ff5f0c

#ff5f0c Preview

Shades and Tints of #ff5f0c

Tones of #ff5f0c

Color Blindness Simulator