#ff5f1c hex color

In a RGB color space, hex #ff5f1c is composed of 100% red, 37.3% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 89% yellow and 0% black. It has a hue angle of 17.7 degrees, a saturation of 100% and a lightness of 55.5%. #ff5f1c color hex could be obtained by blending #ffbe38 with #ff0000. Closest websafe color is: #ff6633.

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

● #ff5f1c color description : Vivid orange.

The hexadecimal color #ff5f1c has RGB values of R:255, G:95, B:28 and CMYK values of C:0, M:0.63, Y:0.89, K:0. Its decimal value is 16736028.

Hex triplet	ff5f1c	`#ff5f1c`
RGB Decimal	255, 95, 28	`rgb(255,95,28)`
RGB Percent	100, 37.3, 11	`rgb(100%,37.3%,11%)`
CMYK	0, 63, 89, 0
HSL	17.7°, 100, 55.5	`hsl(17.7,100%,55.5%)`
HSV (or HSB)	17.7°, 89, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	61.249, 58.29, 64.552
XYZ	45.544, 29.533, 4.401
xyY	0.573, 0.372, 29.533
CIE-LCH	61.249, 86.975, 47.918
CIE-LUV	61.249, 131.574, 48.9
Hunter-Lab	54.345, 54.49, 33.24
Binary	11111111, 01011111, 00011100

#ff5f1c
```
#ff5f1c rgb(255,95,28)
```
#1cbcff
```
#1cbcff rgb(28,188,255)
```

Complementary Color

#ff1c4a
```
#ff1c4a rgb(255,28,74)
```
#ff5f1c
```
#ff5f1c rgb(255,95,28)
```
#ffd11c
```
#ffd11c rgb(255,209,28)
```

Analogous Color

#1c4aff
```
#1c4aff rgb(28,74,255)
```
#ff5f1c
```
#ff5f1c rgb(255,95,28)
```
#1cffd1
```
#1cffd1 rgb(28,255,209)
```

Split Complementary Color

#5f1cff
```
#5f1cff rgb(95,28,255)
```
#ff5f1c
```
#ff5f1c rgb(255,95,28)
```
#1cff5f
```
#1cff5f rgb(28,255,95)
```

Triadic Color

#ff1cbc
```
#ff1cbc rgb(255,28,188)
```
#ff5f1c
```
#ff5f1c rgb(255,95,28)
```
#1cff5f
```
#1cff5f rgb(28,255,95)
```
#1cbcff
```
#1cbcff rgb(28,188,255)
```

Tetradic Color

#cf3d00
```
#cf3d00 rgb(207,61,0)
```
#e84400
```
#e84400 rgb(232,68,0)
```
#ff4d02
```
#ff4d02 rgb(255,77,2)
```
#ff5f1c
```
#ff5f1c rgb(255,95,28)
```
#ff7136
```
#ff7136 rgb(255,113,54)
```
#ff834f
```
#ff834f rgb(255,131,79)
```
#ff9569
```
#ff9569 rgb(255,149,105)
```

Monochromatic Color

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

#ff261c
```
#ff261c rgb(255,38,28)
```
#ff391c
```
#ff391c rgb(255,57,28)
```
#ff4c1c
```
#ff4c1c rgb(255,76,28)
```
#ff5f1c
```
#ff5f1c rgb(255,95,28)
```
#ff721c
```
#ff721c rgb(255,114,28)
```
#ff851c
```
#ff851c rgb(255,133,28)
```
#ff981c
```
#ff981c rgb(255,152,28)
```

Similar Colors

Text with hexadecimal color #ff5f1c

This text has a font color of #ff5f1c.

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

#ff5f1c background color

This paragraph has a background color of #ff5f1c.

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

#ff5f1c border color

This element has a border color of #ff5f1c.

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

CSS codes

.text {color:#ff5f1c;}

.background {background-color:#ff5f1c;}

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

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, #080200 is the darkest color, while #fff7f4 is the lightest one.

#080200
```
#080200 rgb(8,2,0)
```
#1c0800
```
#1c0800 rgb(28,8,0)
```
#300e00
```
#300e00 rgb(48,14,0)
```
#431400
```
#431400 rgb(67,20,0)
```
#571a00
```
#571a00 rgb(87,26,0)
```
#6a1f00
```
#6a1f00 rgb(106,31,0)
```
#7e2500
```
#7e2500 rgb(126,37,0)
```
#922b00
```
#922b00 rgb(146,43,0)
```
#a53100
```
#a53100 rgb(165,49,0)
```
#b93700
```
#b93700 rgb(185,55,0)
```
#cd3c00
```
#cd3c00 rgb(205,60,0)
```
#e04200
```
#e04200 rgb(224,66,0)
```
#f44800
```
#f44800 rgb(244,72,0)
```

Shade Color Variation

#ff5108
```
#ff5108 rgb(255,81,8)
```
#ff5f1c
```
#ff5f1c rgb(255,95,28)
```
#ff6d30
```
#ff6d30 rgb(255,109,48)
```
#ff7b43
```
#ff7b43 rgb(255,123,67)
```
#ff8857
```
#ff8857 rgb(255,136,87)
```
#ff966a
```
#ff966a rgb(255,150,106)
```
#ffa47e
```
#ffa47e rgb(255,164,126)
```
#ffb292
```
#ffb292 rgb(255,178,146)
```
#ffc0a5
```
#ffc0a5 rgb(255,192,165)
```
#ffceb9
```
#ffceb9 rgb(255,206,185)
```
#ffdbcd
```
#ffdbcd rgb(255,219,205)
```
#ffe9e0
```
#ffe9e0 rgb(255,233,224)
```
#fff7f4
```
#fff7f4 rgb(255,247,244)
```

Tint Color Variation

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

#968a85
```
#968a85 rgb(150,138,133)
```
#9f867c
```
#9f867c rgb(159,134,124)
```
#a88373
```
#a88373 rgb(168,131,115)
```
#b07f6b
```
#b07f6b rgb(176,127,107)
```
#b97c62
```
#b97c62 rgb(185,124,98)
```
#c27859
```
#c27859 rgb(194,120,89)
```
#cb7450
```
#cb7450 rgb(203,116,80)
```
#d37148
```
#d37148 rgb(211,113,72)
```
#dc6d3f
```
#dc6d3f rgb(220,109,63)
```
#e56a36
```
#e56a36 rgb(229,106,54)
```
#ee662d
```
#ee662d rgb(238,102,45)
```
#f66325
```
#f66325 rgb(246,99,37)
```
#ff5f1c
```
#ff5f1c rgb(255,95,28)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#9f7f72 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ab9934 Protanopia 1% of men
#c09200 Deuteranopia 1% of men
#ff6368 Tritanopia 0.001% of the population

Trichromacy

#c9842b Protanomaly 1% of men, 0.01% of women
#d67f0a Deuteranomaly 6% of men, 0.4% of women
#ff614c Tritanomaly 0.01% of the population

#ff5f1c hex color

#ff5f1c Color Information

#ff5f1c Color Conversion

Color Schemes with #ff5f1c

Alternatives to #ff5f1c

#ff5f1c Preview

Shades and Tints of #ff5f1c

Tones of #ff5f1c

Color Blindness Simulator