#f64825 hex color

In a RGB color space, hex #f64825 is composed of 96.5% red, 28.2% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.7% magenta, 85% yellow and 3.5% black. It has a hue angle of 10 degrees, a saturation of 92.1% and a lightness of 55.5%. #f64825 color hex could be obtained by blending #ff904a with #ed0000. Closest websafe color is: #ff3333.

♥
- f
- t
- g
- R 96
- G 28
- B 15
RGB color chart
- C 0
- M 71
- Y 85
- K 4
CMYK color chart

● #f64825 color description : Bright red.

The hexadecimal color #f64825 has RGB values of R:246, G:72, B:37 and CMYK values of C:0, M:0.71, Y:0.85, K:0.04. Its decimal value is 16140325.

Hex triplet	f64825	`#f64825`
RGB Decimal	246, 72, 37	`rgb(246,72,37)`
RGB Percent	96.5, 28.2, 14.5	`rgb(96.5%,28.2%,14.5%)`
CMYK	0, 71, 85, 4
HSL	10°, 92.1, 55.5	`hsl(10,92.1%,55.5%)`
HSV (or HSB)	10°, 85, 96.5
Web Safe	ff3333	`#ff3333`

CIE-LAB	56.452, 64.447, 56.744
XYZ	40.659, 24.366, 4.312
xyY	0.586, 0.351, 24.366
CIE-LCH	56.452, 85.868, 41.363
CIE-LUV	56.452, 139.611, 40.312
Hunter-Lab	49.362, 60.647, 29.374
Binary	11110110, 01001000, 00100101

#f64825
```
#f64825 rgb(246,72,37)
```
#25d3f6
```
#25d3f6 rgb(37,211,246)
```

Complementary Color

#f6256b
```
#f6256b rgb(246,37,107)
```
#f64825
```
#f64825 rgb(246,72,37)
```
#f6b125
```
#f6b125 rgb(246,177,37)
```

Analogous Color

#256bf6
```
#256bf6 rgb(37,107,246)
```
#f64825
```
#f64825 rgb(246,72,37)
```
#25f6b1
```
#25f6b1 rgb(37,246,177)
```

Split Complementary Color

#4825f6
```
#4825f6 rgb(72,37,246)
```
#f64825
```
#f64825 rgb(246,72,37)
```
#25f648
```
#25f648 rgb(37,246,72)
```

Triadic Color

#f625d3
```
#f625d3 rgb(246,37,211)
```
#f64825
```
#f64825 rgb(246,72,37)
```
#25f648
```
#25f648 rgb(37,246,72)
```
#25d3f6
```
#25d3f6 rgb(37,211,246)
```

Tetradic Color

#c62808
```
#c62808 rgb(198,40,8)
```
#df2d09
```
#df2d09 rgb(223,45,9)
```
#f5330d
```
#f5330d rgb(245,51,13)
```
#f64825
```
#f64825 rgb(246,72,37)
```
#f75d3d
```
#f75d3d rgb(247,93,61)
```
#f87156
```
#f87156 rgb(248,113,86)
```
#f9866e
```
#f9866e rgb(249,134,110)
```

Monochromatic Color

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

#f62536
```
#f62536 rgb(246,37,54)
```
#f62525
```
#f62525 rgb(246,37,37)
```
#f63725
```
#f63725 rgb(246,55,37)
```
#f64825
```
#f64825 rgb(246,72,37)
```
#f65925
```
#f65925 rgb(246,89,37)
```
#f66b25
```
#f66b25 rgb(246,107,37)
```
#f67c25
```
#f67c25 rgb(246,124,37)
```

Similar Colors

Text with hexadecimal color #f64825

This text has a font color of #f64825.

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

#f64825 background color

This paragraph has a background color of #f64825.

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

#f64825 border color

This element has a border color of #f64825.

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

CSS codes

.text {color:#f64825;}

.background {background-color:#f64825;}

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

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

#080200
```
#080200 rgb(8,2,0)
```
#1b0501
```
#1b0501 rgb(27,5,1)
```
#2e0902
```
#2e0902 rgb(46,9,2)
```
#410d03
```
#410d03 rgb(65,13,3)
```
#531103
```
#531103 rgb(83,17,3)
```
#661504
```
#661504 rgb(102,21,4)
```
#791805
```
#791805 rgb(121,24,5)
```
#8c1c06
```
#8c1c06 rgb(140,28,6)
```
#9f2007
```
#9f2007 rgb(159,32,7)
```
#b22407
```
#b22407 rgb(178,36,7)
```
#c42808
```
#c42808 rgb(196,40,8)
```
#d72b09
```
#d72b09 rgb(215,43,9)
```
#ea2f0a
```
#ea2f0a rgb(234,47,10)
```

Shade Color Variation

#f53812
```
#f53812 rgb(245,56,18)
```
#f64825
```
#f64825 rgb(246,72,37)
```
#f75838
```
#f75838 rgb(247,88,56)
```
#f8684b
```
#f8684b rgb(248,104,75)
```
#f8775e
```
#f8775e rgb(248,119,94)
```
#f98770
```
#f98770 rgb(249,135,112)
```
#fa9783
```
#fa9783 rgb(250,151,131)
```
#fba796
```
#fba796 rgb(251,167,150)
```
#fbb7a9
```
#fbb7a9 rgb(251,183,169)
```
#fcc7bc
```
#fcc7bc rgb(252,199,188)
```
#fdd6cf
```
#fdd6cf rgb(253,214,207)
```
#fee6e1
```
#fee6e1 rgb(254,230,225)
```
#fff6f4
```
#fff6f4 rgb(255,246,244)
```

Tint Color Variation

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

#968885
```
#968885 rgb(150,136,133)
```
#9f827c
```
#9f827c rgb(159,130,124)
```
#a77c74
```
#a77c74 rgb(167,124,116)
```
#b0766b
```
#b0766b rgb(176,118,107)
```
#b97162
```
#b97162 rgb(185,113,98)
```
#c26b59
```
#c26b59 rgb(194,107,89)
```
#ca6551
```
#ca6551 rgb(202,101,81)
```
#d35f48
```
#d35f48 rgb(211,95,72)
```
#dc593f
```
#dc593f rgb(220,89,63)
```
#e55436
```
#e55436 rgb(229,84,54)
```
#ed4e2e
```
#ed4e2e rgb(237,78,46)
```
#f64825
```
#f64825 rgb(246,72,37)
```
#ff421c
```
#ff421c rgb(255,66,28)
```

Tone Color Variation

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

#787878 Achromatopsia 0.005% of the population
#916e67 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9c8d3f Protanopia 1% of men
#b08619 Deuteranopia 1% of men
#f74d50 Tritanopia 0.001% of the population

Trichromacy

#bd7435 Protanomaly 1% of men, 0.01% of women
#ca6f1d Deuteranomaly 6% of men, 0.4% of women
#f64b40 Tritanomaly 0.01% of the population

#f64825 hex color

#f64825 Color Information

#f64825 Color Conversion

Color Schemes with #f64825

Alternatives to #f64825

#f64825 Preview

Shades and Tints of #f64825

Tones of #f64825

Color Blindness Simulator