#f86525 hex color

In a RGB color space, hex #f86525 is composed of 97.3% red, 39.6% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.3% magenta, 85.1% yellow and 2.7% black. It has a hue angle of 18.2 degrees, a saturation of 93.8% and a lightness of 55.9%. #f86525 color hex could be obtained by blending #ffca4a with #f10000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 97
- G 40
- B 15
RGB color chart
- C 0
- M 59
- Y 85
- K 3
CMYK color chart

● #f86525 color description : Vivid orange.

The hexadecimal color #f86525 has RGB values of R:248, G:101, B:37 and CMYK values of C:0, M:0.59, Y:0.85, K:0.03. Its decimal value is 16278821.

Hex triplet	f86525	`#f86525`
RGB Decimal	248, 101, 37	`rgb(248,101,37)`
RGB Percent	97.3, 39.6, 14.5	`rgb(97.3%,39.6%,14.5%)`
CMYK	0, 59, 85, 3
HSL	18.2°, 93.8, 55.9	`hsl(18.2,93.8%,55.9%)`
HSV (or HSB)	18.2°, 85.1, 97.3
Web Safe	ff6633	`#ff6633`

CIE-LAB	61.135, 53.433, 60.783
XYZ	43.701, 29.402, 5.124
xyY	0.559, 0.376, 29.402
CIE-LCH	61.135, 80.93, 48.682
CIE-LUV	61.135, 120.56, 48.313
Hunter-Lab	54.224, 48.968, 32.354
Binary	11111000, 01100101, 00100101

#f86525
```
#f86525 rgb(248,101,37)
```
#25b8f8
```
#25b8f8 rgb(37,184,248)
```

Complementary Color

#f8254f
```
#f8254f rgb(248,37,79)
```
#f86525
```
#f86525 rgb(248,101,37)
```
#f8cf25
```
#f8cf25 rgb(248,207,37)
```

Analogous Color

#254ff8
```
#254ff8 rgb(37,79,248)
```
#f86525
```
#f86525 rgb(248,101,37)
```
#25f8cf
```
#25f8cf rgb(37,248,207)
```

Split Complementary Color

#6525f8
```
#6525f8 rgb(101,37,248)
```
#f86525
```
#f86525 rgb(248,101,37)
```
#25f865
```
#25f865 rgb(37,248,101)
```

Triadic Color

#f825b8
```
#f825b8 rgb(248,37,184)
```
#f86525
```
#f86525 rgb(248,101,37)
```
#25f865
```
#25f865 rgb(37,248,101)
```
#25b8f8
```
#25b8f8 rgb(37,184,248)
```

Tetradic Color

#ca4206
```
#ca4206 rgb(202,66,6)
```
#e34a07
```
#e34a07 rgb(227,74,7)
```
#f7540c
```
#f7540c rgb(247,84,12)
```
#f86525
```
#f86525 rgb(248,101,37)
```
#f9763e
```
#f9763e rgb(249,118,62)
```
#fa8856
```
#fa8856 rgb(250,136,86)
```
#fa996f
```
#fa996f rgb(250,153,111)
```

Monochromatic Color

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

#f83025
```
#f83025 rgb(248,48,37)
```
#f84225
```
#f84225 rgb(248,66,37)
```
#f85325
```
#f85325 rgb(248,83,37)
```
#f86525
```
#f86525 rgb(248,101,37)
```
#f87725
```
#f87725 rgb(248,119,37)
```
#f88825
```
#f88825 rgb(248,136,37)
```
#f89a25
```
#f89a25 rgb(248,154,37)
```

Similar Colors

Text with hexadecimal color #f86525

This text has a font color of #f86525.

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

#f86525 background color

This paragraph has a background color of #f86525.

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

#f86525 border color

This element has a border color of #f86525.

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

CSS codes

.text {color:#f86525;}

.background {background-color:#f86525;}

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

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, #0a0300 is the darkest color, while #fff9f6 is the lightest one.

#0a0300
```
#0a0300 rgb(10,3,0)
```
#1d0901
```
#1d0901 rgb(29,9,1)
```
#301002
```
#301002 rgb(48,16,2)
```
#431602
```
#431602 rgb(67,22,2)
```
#561c03
```
#561c03 rgb(86,28,3)
```
#692203
```
#692203 rgb(105,34,3)
```
#7c2804
```
#7c2804 rgb(124,40,4)
```
#8f2f05
```
#8f2f05 rgb(143,47,5)
```
#a23505
```
#a23505 rgb(162,53,5)
```
#b53b06
```
#b53b06 rgb(181,59,6)
```
#c84106
```
#c84106 rgb(200,65,6)
```
#db4707
```
#db4707 rgb(219,71,7)
```
#ee4e08
```
#ee4e08 rgb(238,78,8)
```

Shade Color Variation

#f75812
```
#f75812 rgb(247,88,18)
```
#f86525
```
#f86525 rgb(248,101,37)
```
#f97238
```
#f97238 rgb(249,114,56)
```
#f9804b
```
#f9804b rgb(249,128,75)
```
#fa8d5e
```
#fa8d5e rgb(250,141,94)
```
#fa9b71
```
#fa9b71 rgb(250,155,113)
```
#fba884
```
#fba884 rgb(251,168,132)
```
#fcb697
```
#fcb697 rgb(252,182,151)
```
#fcc3aa
```
#fcc3aa rgb(252,195,170)
```
#fdd0bd
```
#fdd0bd rgb(253,208,189)
```
#fdded0
```
#fdded0 rgb(253,222,208)
```
#feebe3
```
#feebe3 rgb(254,235,227)
```
#fff9f6
```
#fff9f6 rgb(255,249,246)
```

Tint Color Variation

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

#908e8d
```
#908e8d rgb(144,142,141)
```
#998a84
```
#998a84 rgb(153,138,132)
```
#a1877c
```
#a1877c rgb(161,135,124)
```
#aa8473
```
#aa8473 rgb(170,132,115)
```
#b3806a
```
#b3806a rgb(179,128,106)
```
#bb7d62
```
#bb7d62 rgb(187,125,98)
```
#c47959
```
#c47959 rgb(196,121,89)
```
#cd7650
```
#cd7650 rgb(205,118,80)
```
#d57348
```
#d57348 rgb(213,115,72)
```
#de6f3f
```
#de6f3f rgb(222,111,63)
```
#e76c36
```
#e76c36 rgb(231,108,54)
```
#ef682e
```
#ef682e rgb(239,104,46)
```
#f86525
```
#f86525 rgb(248,101,37)
```

Tone Color Variation

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

#8a8a8a Achromatopsia 0.005% of the population
#a08376 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa993b Protanopia 1% of men
#bf911e Deuteranopia 1% of men
#fa666c Tritanopia 0.001% of the population

Trichromacy

#c68633 Protanomaly 1% of men, 0.01% of women
#d38120 Deuteranomaly 6% of men, 0.4% of women
#f96652 Tritanomaly 0.01% of the population

#f86525 hex color

#f86525 Color Information

#f86525 Color Conversion

Color Schemes with #f86525

Alternatives to #f86525

#f86525 Preview

Shades and Tints of #f86525

Tones of #f86525

Color Blindness Simulator