#f12f02 hex color

In a RGB color space, hex #f12f02 is composed of 94.5% red, 18.4% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.5% magenta, 99.2% yellow and 5.5% black. It has a hue angle of 11.3 degrees, a saturation of 98.4% and a lightness of 47.6%. #f12f02 color hex could be obtained by blending #ff5e04 with #e30000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 95
- G 18
- B 1
RGB color chart
- C 0
- M 80
- Y 99
- K 5
CMYK color chart

● #f12f02 color description : Vivid red.

The hexadecimal color #f12f02 has RGB values of R:241, G:47, B:2 and CMYK values of C:0, M:0.8, Y:0.99, K:0.05. Its decimal value is 15806210.

Hex triplet	f12f02	`#f12f02`
RGB Decimal	241, 47, 2	`rgb(241,47,2)`
RGB Percent	94.5, 18.4, 0.8	`rgb(94.5%,18.4%,0.8%)`
CMYK	0, 80, 99, 5
HSL	11.3°, 98.4, 47.6	`hsl(11.3,98.4%,47.6%)`
HSV (or HSB)	11.3°, 99.2, 94.5
Web Safe	ff3300	`#ff3300`

CIE-LAB	52.667, 70.105, 64.782
XYZ	37.305, 20.743, 2.097
xyY	0.62, 0.345, 20.743
CIE-LCH	52.667, 95.453, 42.74
CIE-LUV	52.667, 152.549, 39.66
Hunter-Lab	45.544, 66.505, 29.151
Binary	11110001, 00101111, 00000010

#f12f02
```
#f12f02 rgb(241,47,2)
```
#02c4f1
```
#02c4f1 rgb(2,196,241)
```

Complementary Color

#f1024d
```
#f1024d rgb(241,2,77)
```
#f12f02
```
#f12f02 rgb(241,47,2)
```
#f1a702
```
#f1a702 rgb(241,167,2)
```

Analogous Color

#024df1
```
#024df1 rgb(2,77,241)
```
#f12f02
```
#f12f02 rgb(241,47,2)
```
#02f1a7
```
#02f1a7 rgb(2,241,167)
```

Split Complementary Color

#2f02f1
```
#2f02f1 rgb(47,2,241)
```
#f12f02
```
#f12f02 rgb(241,47,2)
```
#02f12f
```
#02f12f rgb(2,241,47)
```

Triadic Color

#f102c4
```
#f102c4 rgb(241,2,196)
```
#f12f02
```
#f12f02 rgb(241,47,2)
```
#02f12f
```
#02f12f rgb(2,241,47)
```
#02c4f1
```
#02c4f1 rgb(2,196,241)
```

Tetradic Color

#a52001
```
#a52001 rgb(165,32,1)
```
#be2502
```
#be2502 rgb(190,37,2)
```
#d82a02
```
#d82a02 rgb(216,42,2)
```
#f12f02
```
#f12f02 rgb(241,47,2)
```
#fd3c0f
```
#fd3c0f rgb(253,60,15)
```
#fd5129
```
#fd5129 rgb(253,81,41)
```
#fd6542
```
#fd6542 rgb(253,101,66)
```

Monochromatic Color

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

#f10211
```
#f10211 rgb(241,2,17)
```
#f10702
```
#f10702 rgb(241,7,2)
```
#f11b02
```
#f11b02 rgb(241,27,2)
```
#f12f02
```
#f12f02 rgb(241,47,2)
```
#f14302
```
#f14302 rgb(241,67,2)
```
#f15702
```
#f15702 rgb(241,87,2)
```
#f16b02
```
#f16b02 rgb(241,107,2)
```

Similar Colors

Text with hexadecimal color #f12f02

This text has a font color of #f12f02.

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

#f12f02 background color

This paragraph has a background color of #f12f02.

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

#f12f02 border color

This element has a border color of #f12f02.

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

CSS codes

.text {color:#f12f02;}

.background {background-color:#f12f02;}

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

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

#080100
```
#080100 rgb(8,1,0)
```
#1b0500
```
#1b0500 rgb(27,5,0)
```
#2e0900
```
#2e0900 rgb(46,9,0)
```
#420d01
```
#420d01 rgb(66,13,1)
```
#551101
```
#551101 rgb(85,17,1)
```
#691401
```
#691401 rgb(105,20,1)
```
#7c1801
```
#7c1801 rgb(124,24,1)
```
#901c01
```
#901c01 rgb(144,28,1)
```
#a32001
```
#a32001 rgb(163,32,1)
```
#b72402
```
#b72402 rgb(183,36,2)
```
#ca2702
```
#ca2702 rgb(202,39,2)
```
#de2b02
```
#de2b02 rgb(222,43,2)
```
#f12f02
```
#f12f02 rgb(241,47,2)
```

Shade Color Variation

#fd370a
```
#fd370a rgb(253,55,10)
```
#fd471d
```
#fd471d rgb(253,71,29)
```
#fd5731
```
#fd5731 rgb(253,87,49)
```
#fd6744
```
#fd6744 rgb(253,103,68)
```
#fe7757
```
#fe7757 rgb(254,119,87)
```
#fe876b
```
#fe876b rgb(254,135,107)
```
#fe967e
```
#fe967e rgb(254,150,126)
```
#fea692
```
#fea692 rgb(254,166,146)
```
#feb6a5
```
#feb6a5 rgb(254,182,165)
```
#fec6b9
```
#fec6b9 rgb(254,198,185)
```
#ffd6cc
```
#ffd6cc rgb(255,214,204)
```
#ffe5e0
```
#ffe5e0 rgb(255,229,224)
```
#fff5f3
```
#fff5f3 rgb(255,245,243)
```

Tint Color Variation

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

#817572
```
#817572 rgb(129,117,114)
```
#8a6f69
```
#8a6f69 rgb(138,111,105)
```
#94695f
```
#94695f rgb(148,105,95)
```
#9d6356
```
#9d6356 rgb(157,99,86)
```
#a65e4d
```
#a65e4d rgb(166,94,77)
```
#b05843
```
#b05843 rgb(176,88,67)
```
#b9523a
```
#b9523a rgb(185,82,58)
```
#c24c31
```
#c24c31 rgb(194,76,49)
```
#cc4627
```
#cc4627 rgb(204,70,39)
```
#d5401e
```
#d5401e rgb(213,64,30)
```
#de3b15
```
#de3b15 rgb(222,59,21)
```
#e8350b
```
#e8350b rgb(232,53,11)
```
#f12f02
```
#f12f02 rgb(241,47,2)
```

Tone Color Variation

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

#646464 Achromatopsia 0.005% of the population
#805950 Atypical Achromatopsia 0.001% of the population

Dichromacy

#948421 Protanopia 1% of men
#a57e00 Deuteranopia 1% of men
#f23636 Tritanopia 0.001% of the population

Trichromacy

#b56515 Protanomaly 1% of men, 0.01% of women
#c06100 Deuteranomaly 6% of men, 0.4% of women
#f13323 Tritanomaly 0.01% of the population

#f12f02 hex color

#f12f02 Color Information

#f12f02 Color Conversion

Color Schemes with #f12f02

Alternatives to #f12f02

#f12f02 Preview

Shades and Tints of #f12f02

Tones of #f12f02

Color Blindness Simulator