#ff9c5f hex color

In a RGB color space, hex #ff9c5f is composed of 100% red, 61.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.8% magenta, 62.7% yellow and 0% black. It has a hue angle of 22.9 degrees, a saturation of 100% and a lightness of 68.6%. #ff9c5f color hex could be obtained by blending #ffffbe with #ff3900. Closest websafe color is: #ff9966.

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

● #ff9c5f color description : Light orange.

The hexadecimal color #ff9c5f has RGB values of R:255, G:156, B:95 and CMYK values of C:0, M:0.39, Y:0.63, K:0. Its decimal value is 16751711.

Hex triplet	ff9c5f	`#ff9c5f`
RGB Decimal	255, 156, 95	`rgb(255,156,95)`
RGB Percent	100, 61.2, 37.3	`rgb(100%,61.2%,37.3%)`
CMYK	0, 39, 63, 0
HSL	22.9°, 100, 68.6	`hsl(22.9,100%,68.6%)`
HSV (or HSB)	22.9°, 62.7, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	73.459, 31.549, 47.029
XYZ	55.195, 45.867, 16.772
xyY	0.468, 0.389, 45.867
CIE-LCH	73.459, 56.631, 56.145
CIE-LUV	73.459, 76.77, 49.547
Hunter-Lab	67.725, 26.956, 32.724
Binary	11111111, 10011100, 01011111

#ff9c5f
```
#ff9c5f rgb(255,156,95)
```
#5fc2ff
```
#5fc2ff rgb(95,194,255)
```

Complementary Color

#ff5f72
```
#ff5f72 rgb(255,95,114)
```
#ff9c5f
```
#ff9c5f rgb(255,156,95)
```
#ffec5f
```
#ffec5f rgb(255,236,95)
```

Analogous Color

#5f72ff
```
#5f72ff rgb(95,114,255)
```
#ff9c5f
```
#ff9c5f rgb(255,156,95)
```
#5fffec
```
#5fffec rgb(95,255,236)
```

Split Complementary Color

#9c5fff
```
#9c5fff rgb(156,95,255)
```
#ff9c5f
```
#ff9c5f rgb(255,156,95)
```
#5fff9c
```
#5fff9c rgb(95,255,156)
```

Triadic Color

#ff5fc2
```
#ff5fc2 rgb(255,95,194)
```
#ff9c5f
```
#ff9c5f rgb(255,156,95)
```
#5fff9c
```
#5fff9c rgb(95,255,156)
```
#5fc2ff
```
#5fc2ff rgb(95,194,255)
```

Tetradic Color

#ff6d13
```
#ff6d13 rgb(255,109,19)
```
#ff7c2c
```
#ff7c2c rgb(255,124,44)
```
#ff8c46
```
#ff8c46 rgb(255,140,70)
```
#ff9c5f
```
#ff9c5f rgb(255,156,95)
```
#ffac79
```
#ffac79 rgb(255,172,121)
```
#ffbc92
```
#ffbc92 rgb(255,188,146)
```
#ffcbac
```
#ffcbac rgb(255,203,172)
```

Monochromatic Color

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

#ff745f
```
#ff745f rgb(255,116,95)
```
#ff815f
```
#ff815f rgb(255,129,95)
```
#ff8f5f
```
#ff8f5f rgb(255,143,95)
```
#ff9c5f
```
#ff9c5f rgb(255,156,95)
```
#ffa95f
```
#ffa95f rgb(255,169,95)
```
#ffb75f
```
#ffb75f rgb(255,183,95)
```
#ffc45f
```
#ffc45f rgb(255,196,95)
```

Similar Colors

Text with hexadecimal color #ff9c5f

This text has a font color of #ff9c5f.

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

#ff9c5f background color

This paragraph has a background color of #ff9c5f.

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

#ff9c5f border color

This element has a border color of #ff9c5f.

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

CSS codes

.text {color:#ff9c5f;}

.background {background-color:#ff9c5f;}

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

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

#110600
```
#110600 rgb(17,6,0)
```
#240e00
```
#240e00 rgb(36,14,0)
```
#381500
```
#381500 rgb(56,21,0)
```
#4b1d00
```
#4b1d00 rgb(75,29,0)
```
#5f2400
```
#5f2400 rgb(95,36,0)
```
#732c00
```
#732c00 rgb(115,44,0)
```
#863300
```
#863300 rgb(134,51,0)
```
#9a3b00
```
#9a3b00 rgb(154,59,0)
```
#ad4200
```
#ad4200 rgb(173,66,0)
```
#c14a00
```
#c14a00 rgb(193,74,0)
```
#d55100
```
#d55100 rgb(213,81,0)
```
#e85900
```
#e85900 rgb(232,89,0)
```
#fc6000
```
#fc6000 rgb(252,96,0)
```

Shade Color Variation

#ff6b11
```
#ff6b11 rgb(255,107,17)
```
#ff7824
```
#ff7824 rgb(255,120,36)
```
#ff8438
```
#ff8438 rgb(255,132,56)
```
#ff904b
```
#ff904b rgb(255,144,75)
```
#ff9c5f
```
#ff9c5f rgb(255,156,95)
```
#ffa873
```
#ffa873 rgb(255,168,115)
```
#ffb486
```
#ffb486 rgb(255,180,134)
```
#ffc09a
```
#ffc09a rgb(255,192,154)
```
#ffcdad
```
#ffcdad rgb(255,205,173)
```
#ffd9c1
```
#ffd9c1 rgb(255,217,193)
```
#ffe5d5
```
#ffe5d5 rgb(255,229,213)
```
#fff1e8
```
#fff1e8 rgb(255,241,232)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#b5aea9
```
#b5aea9 rgb(181,174,169)
```
#bbaca3
```
#bbaca3 rgb(187,172,163)
```
#c1ab9d
```
#c1ab9d rgb(193,171,157)
```
#c8a996
```
#c8a996 rgb(200,169,150)
```
#cea890
```
#cea890 rgb(206,168,144)
```
#d4a68a
```
#d4a68a rgb(212,166,138)
```
#daa584
```
#daa584 rgb(218,165,132)
```
#e0a37e
```
#e0a37e rgb(224,163,126)
```
#e6a278
```
#e6a278 rgb(230,162,120)
```
#eda071
```
#eda071 rgb(237,160,113)
```
#f39f6b
```
#f39f6b rgb(243,159,107)
```
#f99d65
```
#f99d65 rgb(249,157,101)
```
#ff9c5f
```
#ff9c5f rgb(255,156,95)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#c2aea2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b86f Protanopia 1% of men
#e0b062 Deuteranopia 1% of men
#ff9ca5 Tritanopia 0.001% of the population

Trichromacy

#dcae69 Protanomaly 1% of men, 0.01% of women
#eba861 Deuteranomaly 6% of men, 0.4% of women
#ff9c8b Tritanomaly 0.01% of the population

#ff9c5f hex color

#ff9c5f Color Information

#ff9c5f Color Conversion

Color Schemes with #ff9c5f

Alternatives to #ff9c5f

#ff9c5f Preview

Shades and Tints of #ff9c5f

Tones of #ff9c5f

Color Blindness Simulator