colorhexa.com

#ff5f3c hex color

In a RGB color space, hex #ff5f3c is composed of 100% red, 37.3% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.7% magenta, 76.5% yellow and 0% black. It has a hue angle of 10.8 degrees, a saturation of 100% and a lightness of 61.8%. #ff5f3c color hex could be obtained by blending #ffbe78 with #ff0000. Closest websafe color is: #ff6633.

- R 100
- G 37
- B 24
RGB color chart
- C 0
- M 63
- Y 76
- K 0
CMYK color chart

● #ff5f3c color description : Light red.

The hexadecimal color #ff5f3c has RGB values of R:255, G:95, B:60 and CMYK values of C:0, M:0.63, Y:0.76, K:0. Its decimal value is 16736060.

Hex triplet	ff5f3c	`#ff5f3c`
RGB Decimal	255, 95, 60	`rgb(255,95,60)`
RGB Percent	100, 37.3, 23.5	`rgb(100%,37.3%,23.5%)`
CMYK	0, 63, 76, 0
HSL	10.8°, 100, 61.8	`hsl(10.8,100%,61.8%)`
HSV (or HSB)	10.8°, 76.5, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	61.46, 59.109, 51.234
XYZ	46.15, 29.776, 7.592
xyY	0.553, 0.357, 29.776
CIE-LCH	61.46, 78.223, 40.918
CIE-LUV	61.46, 128.009, 41.107
Hunter-Lab	54.567, 55.473, 29.948
Binary	11111111, 01011111, 00111100

#ff5f3c
```
#ff5f3c rgb(255,95,60)
```
#3cdcff
```
#3cdcff rgb(60,220,255)
```

Complementary Color

#ff3c7b
```
#ff3c7b rgb(255,60,123)
```
#ff5f3c
```
#ff5f3c rgb(255,95,60)
```
#ffc13c
```
#ffc13c rgb(255,193,60)
```

Analogous Color

#3c7bff
```
#3c7bff rgb(60,123,255)
```
#ff5f3c
```
#ff5f3c rgb(255,95,60)
```
#3cffc1
```
#3cffc1 rgb(60,255,193)
```

Split Complementary Color

#5f3cff
```
#5f3cff rgb(95,60,255)
```
#ff5f3c
```
#ff5f3c rgb(255,95,60)
```
#3cff5f
```
#3cff5f rgb(60,255,95)
```

Triadic Color

#ff3cdc
```
#ff3cdc rgb(255,60,220)
```
#ff5f3c
```
#ff5f3c rgb(255,95,60)
```
#3cff5f
```
#3cff5f rgb(60,255,95)
```
#3cdcff
```
#3cdcff rgb(60,220,255)
```

Tetradic Color

#ef2b00
```
#ef2b00 rgb(239,43,0)
```
#ff3509
```
#ff3509 rgb(255,53,9)
```
#ff4a23
```
#ff4a23 rgb(255,74,35)
```
#ff5f3c
```
#ff5f3c rgb(255,95,60)
```
#ff7456
```
#ff7456 rgb(255,116,86)
```
#ff896f
```
#ff896f rgb(255,137,111)
```
#ff9e89
```
#ff9e89 rgb(255,158,137)
```

Monochromatic Color

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

#ff3c4a
```
#ff3c4a rgb(255,60,74)
```
#ff3e3c
```
#ff3e3c rgb(255,62,60)
```
#ff4f3c
```
#ff4f3c rgb(255,79,60)
```
#ff5f3c
```
#ff5f3c rgb(255,95,60)
```
#ff6f3c
```
#ff6f3c rgb(255,111,60)
```
#ff803c
```
#ff803c rgb(255,128,60)
```
#ff903c
```
#ff903c rgb(255,144,60)
```

Similar Colors

Text with hexadecimal color #ff5f3c

This text has a font color of #ff5f3c.

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

#ff5f3c background color

This paragraph has a background color of #ff5f3c.

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

#ff5f3c border color

This element has a border color of #ff5f3c.

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

CSS codes

.text {color:#ff5f3c;}

.background {background-color:#ff5f3c;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#150400
```
#150400 rgb(21,4,0)
```
#280700
```
#280700 rgb(40,7,0)
```
#3c0b00
```
#3c0b00 rgb(60,11,0)
```
#500e00
```
#500e00 rgb(80,14,0)
```
#631200
```
#631200 rgb(99,18,0)
```
#771500
```
#771500 rgb(119,21,0)
```
#8a1900
```
#8a1900 rgb(138,25,0)
```
#9e1c00
```
#9e1c00 rgb(158,28,0)
```
#b22000
```
#b22000 rgb(178,32,0)
```
#c52300
```
#c52300 rgb(197,35,0)
```
#d92700
```
#d92700 rgb(217,39,0)
```
#ed2a00
```
#ed2a00 rgb(237,42,0)
```

Shade Color Variation

#ff2f01
```
#ff2f01 rgb(255,47,1)
```
#ff3f15
```
#ff3f15 rgb(255,63,21)
```
#ff4f28
```
#ff4f28 rgb(255,79,40)
```
#ff5f3c
```
#ff5f3c rgb(255,95,60)
```
#ff6f50
```
#ff6f50 rgb(255,111,80)
```
#ff7f63
```
#ff7f63 rgb(255,127,99)
```
#ff8f77
```
#ff8f77 rgb(255,143,119)
```
#ff9f8a
```
#ff9f8a rgb(255,159,138)
```
#ffaf9e
```
#ffaf9e rgb(255,175,158)
```
#ffc0b2
```
#ffc0b2 rgb(255,192,178)
```
#ffd0c5
```
#ffd0c5 rgb(255,208,197)
```
#ffe0d9
```
#ffe0d9 rgb(255,224,217)
```
#fff0ed
```
#fff0ed rgb(255,240,237)
```

Tint Color Variation

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

#a59996
```
#a59996 rgb(165,153,150)
```
#ad948f
```
#ad948f rgb(173,148,143)
```
#b48f87
```
#b48f87 rgb(180,143,135)
```
#bc8a80
```
#bc8a80 rgb(188,138,128)
```
#c38578
```
#c38578 rgb(195,133,120)
```
#cb8171
```
#cb8171 rgb(203,129,113)
```
#d27c69
```
#d27c69 rgb(210,124,105)
```
#da7762
```
#da7762 rgb(218,119,98)
```
#e1725a
```
#e1725a rgb(225,114,90)
```
#e96d53
```
#e96d53 rgb(233,109,83)
```
#f0694b
```
#f0694b rgb(240,105,75)
```
#f86444
```
#f86444 rgb(248,100,68)
```
#ff5f3c
```
#ff5f3c rgb(255,95,60)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#a2827b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99a54 Protanopia 1% of men
#be9239 Deuteranopia 1% of men
#ff6469 Tritanopia 0.001% of the population

Trichromacy

#c8844b Protanomaly 1% of men, 0.01% of women
#d67f3a Deuteranomaly 6% of men, 0.4% of women
#ff6258 Tritanomaly 0.01% of the population