#ff825f hex color

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

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

● #ff825f color description : Light red.

The hexadecimal color #ff825f has RGB values of R:255, G:130, B:95 and CMYK values of C:0, M:0.49, Y:0.63, K:0. Its decimal value is 16745055.

Hex triplet	ff825f	`#ff825f`
RGB Decimal	255, 130, 95	`rgb(255,130,95)`
RGB Percent	100, 51, 37.3	`rgb(100%,51%,37.3%)`
CMYK	0, 49, 63, 0
HSL	13.1°, 100, 68.6	`hsl(13.1,100%,68.6%)`
HSV (or HSB)	13.1°, 62.7, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	68.062, 44.733, 40.572
XYZ	51.29, 38.056, 15.47
xyY	0.489, 0.363, 38.056
CIE-LCH	68.062, 60.391, 42.208
CIE-LUV	68.062, 96.475, 38.913
Hunter-Lab	61.69, 40.451, 28.314
Binary	11111111, 10000010, 01011111

#ff825f
```
#ff825f rgb(255,130,95)
```
#5fdcff
```
#5fdcff rgb(95,220,255)
```

Complementary Color

#ff5f8c
```
#ff5f8c rgb(255,95,140)
```
#ff825f
```
#ff825f rgb(255,130,95)
```
#ffd25f
```
#ffd25f rgb(255,210,95)
```

Analogous Color

#5f8cff
```
#5f8cff rgb(95,140,255)
```
#ff825f
```
#ff825f rgb(255,130,95)
```
#5fffd2
```
#5fffd2 rgb(95,255,210)
```

Split Complementary Color

#825fff
```
#825fff rgb(130,95,255)
```
#ff825f
```
#ff825f rgb(255,130,95)
```
#5fff82
```
#5fff82 rgb(95,255,130)
```

Triadic Color

#ff5fdc
```
#ff5fdc rgb(255,95,220)
```
#ff825f
```
#ff825f rgb(255,130,95)
```
#5fff82
```
#5fff82 rgb(95,255,130)
```
#5fdcff
```
#5fdcff rgb(95,220,255)
```

Tetradic Color

#ff4613
```
#ff4613 rgb(255,70,19)
```
#ff5a2c
```
#ff5a2c rgb(255,90,44)
```
#ff6e46
```
#ff6e46 rgb(255,110,70)
```
#ff825f
```
#ff825f rgb(255,130,95)
```
#ff9679
```
#ff9679 rgb(255,150,121)
```
#ffaa92
```
#ffaa92 rgb(255,170,146)
```
#ffbeac
```
#ffbeac rgb(255,190,172)
```

Monochromatic Color

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

#ff5f64
```
#ff5f64 rgb(255,95,100)
```
#ff675f
```
#ff675f rgb(255,103,95)
```
#ff755f
```
#ff755f rgb(255,117,95)
```
#ff825f
```
#ff825f rgb(255,130,95)
```
#ff8f5f
```
#ff8f5f rgb(255,143,95)
```
#ff9d5f
```
#ff9d5f rgb(255,157,95)
```
#ffaa5f
```
#ffaa5f rgb(255,170,95)
```

Similar Colors

Text with hexadecimal color #ff825f

This text has a font color of #ff825f.

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

#ff825f background color

This paragraph has a background color of #ff825f.

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

#ff825f border color

This element has a border color of #ff825f.

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

CSS codes

.text {color:#ff825f;}

.background {background-color:#ff825f;}

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

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

#110400
```
#110400 rgb(17,4,0)
```
#240800
```
#240800 rgb(36,8,0)
```
#380c00
```
#380c00 rgb(56,12,0)
```
#4b1000
```
#4b1000 rgb(75,16,0)
```
#5f1500
```
#5f1500 rgb(95,21,0)
```
#731900
```
#731900 rgb(115,25,0)
```
#861d00
```
#861d00 rgb(134,29,0)
```
#9a2200
```
#9a2200 rgb(154,34,0)
```
#ad2600
```
#ad2600 rgb(173,38,0)
```
#c12a00
```
#c12a00 rgb(193,42,0)
```
#d52f00
```
#d52f00 rgb(213,47,0)
```
#e83300
```
#e83300 rgb(232,51,0)
```
#fc3700
```
#fc3700 rgb(252,55,0)
```

Shade Color Variation

#ff4511
```
#ff4511 rgb(255,69,17)
```
#ff5424
```
#ff5424 rgb(255,84,36)
```
#ff6338
```
#ff6338 rgb(255,99,56)
```
#ff734b
```
#ff734b rgb(255,115,75)
```
#ff825f
```
#ff825f rgb(255,130,95)
```
#ff9173
```
#ff9173 rgb(255,145,115)
```
#ffa186
```
#ffa186 rgb(255,161,134)
```
#ffb09a
```
#ffb09a rgb(255,176,154)
```
#ffbfad
```
#ffbfad rgb(255,191,173)
```
#ffcfc1
```
#ffcfc1 rgb(255,207,193)
```
#ffded5
```
#ffded5 rgb(255,222,213)
```
#ffede8
```
#ffede8 rgb(255,237,232)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#b5aca9
```
#b5aca9 rgb(181,172,169)
```
#bba8a3
```
#bba8a3 rgb(187,168,163)
```
#c1a59d
```
#c1a59d rgb(193,165,157)
```
#c8a196
```
#c8a196 rgb(200,161,150)
```
#ce9e90
```
#ce9e90 rgb(206,158,144)
```
#d49a8a
```
#d49a8a rgb(212,154,138)
```
#da9784
```
#da9784 rgb(218,151,132)
```
#e0937e
```
#e0937e rgb(224,147,126)
```
#e69078
```
#e69078 rgb(230,144,120)
```
#ed8c71
```
#ed8c71 rgb(237,140,113)
```
#f3896b
```
#f3896b rgb(243,137,107)
```
#f98565
```
#f98565 rgb(249,133,101)
```
#ff825f
```
#ff825f rgb(255,130,95)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#b59c95 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8aa73 Protanopia 1% of men
#cfa360 Deuteranopia 1% of men
#ff858d Tritanopia 0.001% of the population

Trichromacy

#d29b6b Protanomaly 1% of men, 0.01% of women
#e0975f Deuteranomaly 6% of men, 0.4% of women
#ff847c Tritanomaly 0.01% of the population

#ff825f hex color

#ff825f Color Information

#ff825f Color Conversion

Color Schemes with #ff825f

Alternatives to #ff825f

#ff825f Preview

Shades and Tints of #ff825f

Tones of #ff825f

Color Blindness Simulator