#ff864f hex color

In a RGB color space, hex #ff864f is composed of 100% red, 52.5% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.5% magenta, 69% yellow and 0% black. It has a hue angle of 18.8 degrees, a saturation of 100% and a lightness of 65.5%. #ff864f color hex could be obtained by blending #ffff9e with #ff0d00. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 100
- G 53
- B 31
RGB color chart
- C 0
- M 47
- Y 69
- K 0
CMYK color chart

● #ff864f color description : Light orange.

The hexadecimal color #ff864f has RGB values of R:255, G:134, B:79 and CMYK values of C:0, M:0.47, Y:0.69, K:0. Its decimal value is 16746063.

Hex triplet	ff864f	`#ff864f`
RGB Decimal	255, 134, 79	`rgb(255,134,79)`
RGB Percent	100, 52.5, 31	`rgb(100%,52.5%,31%)`
CMYK	0, 47, 69, 0
HSL	18.8°, 100, 65.5	`hsl(18.8,100%,65.5%)`
HSV (or HSB)	18.8°, 69, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	68.664, 41.843, 49.537
XYZ	51.178, 38.879, 12.206
xyY	0.5, 0.38, 38.879
CIE-LCH	68.664, 64.844, 49.813
CIE-LUV	68.664, 95.736, 47.448
Hunter-Lab	62.353, 37.39, 32.041
Binary	11111111, 10000110, 01001111

#ff864f
```
#ff864f rgb(255,134,79)
```
#4fc8ff
```
#4fc8ff rgb(79,200,255)
```

Complementary Color

#ff4f70
```
#ff4f70 rgb(255,79,112)
```
#ff864f
```
#ff864f rgb(255,134,79)
```
#ffde4f
```
#ffde4f rgb(255,222,79)
```

Analogous Color

#4f70ff
```
#4f70ff rgb(79,112,255)
```
#ff864f
```
#ff864f rgb(255,134,79)
```
#4fffde
```
#4fffde rgb(79,255,222)
```

Split Complementary Color

#864fff
```
#864fff rgb(134,79,255)
```
#ff864f
```
#ff864f rgb(255,134,79)
```
#4fff86
```
#4fff86 rgb(79,255,134)
```

Triadic Color

#ff4fc8
```
#ff4fc8 rgb(255,79,200)
```
#ff864f
```
#ff864f rgb(255,134,79)
```
#4fff86
```
#4fff86 rgb(79,255,134)
```
#4fc8ff
```
#4fc8ff rgb(79,200,255)
```

Tetradic Color

#ff5102
```
#ff5102 rgb(255,81,2)
```
#ff631c
```
#ff631c rgb(255,99,28)
```
#ff7436
```
#ff7436 rgb(255,116,54)
```
#ff864f
```
#ff864f rgb(255,134,79)
```
#ff9869
```
#ff9869 rgb(255,152,105)
```
#ffa982
```
#ffa982 rgb(255,169,130)
```
#ffbb9c
```
#ffbb9c rgb(255,187,156)
```

Monochromatic Color

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

#ff5a4f
```
#ff5a4f rgb(255,90,79)
```
#ff694f
```
#ff694f rgb(255,105,79)
```
#ff774f
```
#ff774f rgb(255,119,79)
```
#ff864f
```
#ff864f rgb(255,134,79)
```
#ff954f
```
#ff954f rgb(255,149,79)
```
#ffa34f
```
#ffa34f rgb(255,163,79)
```
#ffb24f
```
#ffb24f rgb(255,178,79)
```

Similar Colors

Text with hexadecimal color #ff864f

This text has a font color of #ff864f.

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

#ff864f background color

This paragraph has a background color of #ff864f.

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

#ff864f border color

This element has a border color of #ff864f.

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

CSS codes

.text {color:#ff864f;}

.background {background-color:#ff864f;}

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

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 #fff2ec is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#140600
```
#140600 rgb(20,6,0)
```
#280c00
```
#280c00 rgb(40,12,0)
```
#3b1300
```
#3b1300 rgb(59,19,0)
```
#4f1900
```
#4f1900 rgb(79,25,0)
```
#631f00
```
#631f00 rgb(99,31,0)
```
#762500
```
#762500 rgb(118,37,0)
```
#8a2b00
```
#8a2b00 rgb(138,43,0)
```
#9d3100
```
#9d3100 rgb(157,49,0)
```
#b13700
```
#b13700 rgb(177,55,0)
```
#c53d00
```
#c53d00 rgb(197,61,0)
```
#d84400
```
#d84400 rgb(216,68,0)
```
#ec4a00
```
#ec4a00 rgb(236,74,0)
```

Shade Color Variation

#ff5001
```
#ff5001 rgb(255,80,1)
```
#ff5e14
```
#ff5e14 rgb(255,94,20)
```
#ff6b28
```
#ff6b28 rgb(255,107,40)
```
#ff793b
```
#ff793b rgb(255,121,59)
```
#ff864f
```
#ff864f rgb(255,134,79)
```
#ff9363
```
#ff9363 rgb(255,147,99)
```
#ffa176
```
#ffa176 rgb(255,161,118)
```
#ffae8a
```
#ffae8a rgb(255,174,138)
```
#ffbc9d
```
#ffbc9d rgb(255,188,157)
```
#ffc9b1
```
#ffc9b1 rgb(255,201,177)
```
#ffd7c5
```
#ffd7c5 rgb(255,215,197)
```
#ffe4d8
```
#ffe4d8 rgb(255,228,216)
```
#fff2ec
```
#fff2ec rgb(255,242,236)
```

Tint Color Variation

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

#aea4a0
```
#aea4a0 rgb(174,164,160)
```
#b5a299
```
#b5a299 rgb(181,162,153)
```
#bb9f93
```
#bb9f93 rgb(187,159,147)
```
#c29d8c
```
#c29d8c rgb(194,157,140)
```
#c99a85
```
#c99a85 rgb(201,154,133)
```
#d0987e
```
#d0987e rgb(208,152,126)
```
#d69578
```
#d69578 rgb(214,149,120)
```
#dd9371
```
#dd9371 rgb(221,147,113)
```
#e4906a
```
#e4906a rgb(228,144,106)
```
#eb8e63
```
#eb8e63 rgb(235,142,99)
```
#f18b5d
```
#f18b5d rgb(241,139,93)
```
#f88956
```
#f88956 rgb(248,137,86)
```
#ff864f
```
#ff864f rgb(255,134,79)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#b69e93 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcac62 Protanopia 1% of men
#d3a451 Deuteranopia 1% of men
#ff878f Tritanopia 0.001% of the population

Trichromacy

#d49e5b Protanomaly 1% of men, 0.01% of women
#e39950 Deuteranomaly 6% of men, 0.4% of women
#ff8778 Tritanomaly 0.01% of the population

#ff864f hex color

#ff864f Color Information

#ff864f Color Conversion

Color Schemes with #ff864f

Alternatives to #ff864f

#ff864f Preview

Shades and Tints of #ff864f

Tones of #ff864f

Color Blindness Simulator