#f04512 hex color

In a RGB color space, hex #f04512 is composed of 94.1% red, 27.1% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 71.3% magenta, 92.5% yellow and 5.9% black. It has a hue angle of 13.8 degrees, a saturation of 88.1% and a lightness of 50.6%. #f04512 color hex could be obtained by blending #ff8a24 with #e10000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 94
- G 27
- B 7
RGB color chart
- C 0
- M 71
- Y 93
- K 6
CMYK color chart

● #f04512 color description : Vivid red.

The hexadecimal color #f04512 has RGB values of R:240, G:69, B:18 and CMYK values of C:0, M:0.71, Y:0.93, K:0.06. Its decimal value is 15746322.

Hex triplet	f04512	`#f04512`
RGB Decimal	240, 69, 18	`rgb(240,69,18)`
RGB Percent	94.1, 27.1, 7.1	`rgb(94.1%,27.1%,7.1%)`
CMYK	0, 71, 93, 6
HSL	13.8°, 88.1, 50.6	`hsl(13.8,88.1%,50.6%)`
HSV (or HSB)	13.8°, 92.5, 94.1
Web Safe	ff3300	`#ff3300`

CIE-LAB	54.897, 63.316, 62.039
XYZ	38.174, 22.83, 2.969
xyY	0.597, 0.357, 22.83
CIE-LCH	54.897, 88.644, 44.416
CIE-LUV	54.897, 138.569, 42.208
Hunter-Lab	47.781, 58.997, 29.762
Binary	11110000, 01000101, 00010010

#f04512
```
#f04512 rgb(240,69,18)
```
#12bdf0
```
#12bdf0 rgb(18,189,240)
```

Complementary Color

#f0124e
```
#f0124e rgb(240,18,78)
```
#f04512
```
#f04512 rgb(240,69,18)
```
#f0b412
```
#f0b412 rgb(240,180,18)
```

Analogous Color

#124ef0
```
#124ef0 rgb(18,78,240)
```
#f04512
```
#f04512 rgb(240,69,18)
```
#12f0b4
```
#12f0b4 rgb(18,240,180)
```

Split Complementary Color

#4512f0
```
#4512f0 rgb(69,18,240)
```
#f04512
```
#f04512 rgb(240,69,18)
```
#12f045
```
#12f045 rgb(18,240,69)
```

Triadic Color

#f012bd
```
#f012bd rgb(240,18,189)
```
#f04512
```
#f04512 rgb(240,69,18)
```
#12f045
```
#12f045 rgb(18,240,69)
```
#12bdf0
```
#12bdf0 rgb(18,189,240)
```

Tetradic Color

#ab300b
```
#ab300b rgb(171,48,11)
```
#c3360c
```
#c3360c rgb(195,54,12)
```
#db3d0e
```
#db3d0e rgb(219,61,14)
```
#f04512
```
#f04512 rgb(240,69,18)
```
#f2582a
```
#f2582a rgb(242,88,42)
```
#f36b42
```
#f36b42 rgb(243,107,66)
```
#f57d5a
```
#f57d5a rgb(245,125,90)
```

Monochromatic Color

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

#f01217
```
#f01217 rgb(240,18,23)
```
#f02012
```
#f02012 rgb(240,32,18)
```
#f03312
```
#f03312 rgb(240,51,18)
```
#f04512
```
#f04512 rgb(240,69,18)
```
#f05812
```
#f05812 rgb(240,88,18)
```
#f06a12
```
#f06a12 rgb(240,106,18)
```
#f07d12
```
#f07d12 rgb(240,125,18)
```

Similar Colors

Text with hexadecimal color #f04512

This text has a font color of #f04512.

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

#f04512 background color

This paragraph has a background color of #f04512.

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

#f04512 border color

This element has a border color of #f04512.

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

CSS codes

.text {color:#f04512;}

.background {background-color:#f04512;}

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

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

#030100
```
#030100 rgb(3,1,0)
```
#150601
```
#150601 rgb(21,6,1)
```
#280b03
```
#280b03 rgb(40,11,3)
```
#3a1004
```
#3a1004 rgb(58,16,4)
```
#4d1505
```
#4d1505 rgb(77,21,5)
```
#5f1a06
```
#5f1a06 rgb(95,26,6)
```
#722007
```
#722007 rgb(114,32,7)
```
#842508
```
#842508 rgb(132,37,8)
```
#962a0a
```
#962a0a rgb(150,42,10)
```
#a92f0b
```
#a92f0b rgb(169,47,11)
```
#bb340c
```
#bb340c rgb(187,52,12)
```
#ce390d
```
#ce390d rgb(206,57,13)
```
#e03e0e
```
#e03e0e rgb(224,62,14)
```

Shade Color Variation

#f04512
```
#f04512 rgb(240,69,18)
```
#f15324
```
#f15324 rgb(241,83,36)
```
#f26237
```
#f26237 rgb(242,98,55)
```
#f47049
```
#f47049 rgb(244,112,73)
```
#f57f5c
```
#f57f5c rgb(245,127,92)
```
#f68d6e
```
#f68d6e rgb(246,141,110)
```
#f79c81
```
#f79c81 rgb(247,156,129)
```
#f8aa93
```
#f8aa93 rgb(248,170,147)
```
#f9b9a6
```
#f9b9a6 rgb(249,185,166)
```
#fbc7b8
```
#fbc7b8 rgb(251,199,184)
```
#fcd6ca
```
#fcd6ca rgb(252,214,202)
```
#fde4dd
```
#fde4dd rgb(253,228,221)
```
#fef3ef
```
#fef3ef rgb(254,243,239)
```

Tint Color Variation

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

#857f7d
```
#857f7d rgb(133,127,125)
```
#8f7973
```
#8f7973 rgb(143,121,115)
```
#997469
```
#997469 rgb(153,116,105)
```
#a26f60
```
#a26f60 rgb(162,111,96)
```
#ac6a56
```
#ac6a56 rgb(172,106,86)
```
#b6644c
```
#b6644c rgb(182,100,76)
```
#c05f42
```
#c05f42 rgb(192,95,66)
```
#c95a39
```
#c95a39 rgb(201,90,57)
```
#d3552f
```
#d3552f rgb(211,85,47)
```
#dd4f25
```
#dd4f25 rgb(221,79,37)
```
#e64a1c
```
#e64a1c rgb(230,74,28)
```
#f04512
```
#f04512 rgb(240,69,18)
```
#fa4008
```
#fa4008 rgb(250,64,8)
```

Tone Color Variation

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

#727272 Achromatopsia 0.005% of the population
#8b695f Atypical Achromatopsia 0.001% of the population

Dichromacy

#998a2c Protanopia 1% of men
#ac8300 Deuteranopia 1% of men
#f14a4d Tritanopia 0.001% of the population

Trichromacy

#b97022 Protanomaly 1% of men, 0.01% of women
#c46c06 Deuteranomaly 6% of men, 0.4% of women
#f14837 Tritanomaly 0.01% of the population

#f04512 hex color

#f04512 Color Information

#f04512 Color Conversion

Color Schemes with #f04512

Alternatives to #f04512

#f04512 Preview

Shades and Tints of #f04512

Tones of #f04512

Color Blindness Simulator