#fd2f12 hex color

In a RGB color space, hex #fd2f12 is composed of 99.2% red, 18.4% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 81.4% magenta, 92.9% yellow and 0.8% black. It has a hue angle of 7.4 degrees, a saturation of 98.3% and a lightness of 53.1%. #fd2f12 color hex could be obtained by blending #ff5e24 with #fb0000. Closest websafe color is: #ff3300.

♥
- f
- t
- g
- R 99
- G 18
- B 7
RGB color chart
- C 0
- M 81
- Y 93
- K 1
CMYK color chart

● #fd2f12 color description : Vivid red.

The hexadecimal color #fd2f12 has RGB values of R:253, G:47, B:18 and CMYK values of C:0, M:0.81, Y:0.93, K:0.01. Its decimal value is 16592658.

Hex triplet	fd2f12	`#fd2f12`
RGB Decimal	253, 47, 18	`rgb(253,47,18)`
RGB Percent	99.2, 18.4, 7.1	`rgb(99.2%,18.4%,7.1%)`
CMYK	0, 81, 93, 1
HSL	7.4°, 98.3, 53.1	`hsl(7.4,98.3%,53.1%)`
HSV (or HSB)	7.4°, 92.9, 99.2
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.036, 73.545, 63.354
XYZ	41.636, 22.965, 2.813
xyY	0.618, 0.341, 22.965
CIE-LCH	55.036, 97.07, 40.743
CIE-LUV	55.036, 160.463, 39.719
Hunter-Lab	47.922, 71.225, 30.065
Binary	11111101, 00101111, 00010010

#fd2f12
```
#fd2f12 rgb(253,47,18)
```
#12e0fd
```
#12e0fd rgb(18,224,253)
```

Complementary Color

#fd126b
```
#fd126b rgb(253,18,107)
```
#fd2f12
```
#fd2f12 rgb(253,47,18)
```
#fda512
```
#fda512 rgb(253,165,18)
```

Analogous Color

#126bfd
```
#126bfd rgb(18,107,253)
```
#fd2f12
```
#fd2f12 rgb(253,47,18)
```
#12fda5
```
#12fda5 rgb(18,253,165)
```

Split Complementary Color

#2f12fd
```
#2f12fd rgb(47,18,253)
```
#fd2f12
```
#fd2f12 rgb(253,47,18)
```
#12fd2f
```
#12fd2f rgb(18,253,47)
```

Triadic Color

#fd12e0
```
#fd12e0 rgb(253,18,224)
```
#fd2f12
```
#fd2f12 rgb(253,47,18)
```
#12fd2f
```
#12fd2f rgb(18,253,47)
```
#12e0fd
```
#12e0fd rgb(18,224,253)
```

Tetradic Color

#c11902
```
#c11902 rgb(193,25,2)
```
#da1d02
```
#da1d02 rgb(218,29,2)
```
#f32002
```
#f32002 rgb(243,32,2)
```
#fd2f12
```
#fd2f12 rgb(253,47,18)
```
#fd452b
```
#fd452b rgb(253,69,43)
```
#fd5b45
```
#fd5b45 rgb(253,91,69)
```
#fe725e
```
#fe725e rgb(254,114,94)
```

Monochromatic Color

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

#fd1230
```
#fd1230 rgb(253,18,48)
```
#fd121c
```
#fd121c rgb(253,18,28)
```
#fd1b12
```
#fd1b12 rgb(253,27,18)
```
#fd2f12
```
#fd2f12 rgb(253,47,18)
```
#fd4312
```
#fd4312 rgb(253,67,18)
```
#fd5612
```
#fd5612 rgb(253,86,18)
```
#fd6a12
```
#fd6a12 rgb(253,106,18)
```

Similar Colors

Text with hexadecimal color #fd2f12

This text has a font color of #fd2f12.

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

#fd2f12 background color

This paragraph has a background color of #fd2f12.

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

#fd2f12 border color

This element has a border color of #fd2f12.

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

CSS codes

.text {color:#fd2f12;}

.background {background-color:#fd2f12;}

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

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

#100200
```
#100200 rgb(16,2,0)
```
#230500
```
#230500 rgb(35,5,0)
```
#370700
```
#370700 rgb(55,7,0)
```
#4a0a01
```
#4a0a01 rgb(74,10,1)
```
#5e0c01
```
#5e0c01 rgb(94,12,1)
```
#710f01
```
#710f01 rgb(113,15,1)
```
#851101
```
#851101 rgb(133,17,1)
```
#981401
```
#981401 rgb(152,20,1)
```
#ab1601
```
#ab1601 rgb(171,22,1)
```
#bf1902
```
#bf1902 rgb(191,25,2)
```
#d21c02
```
#d21c02 rgb(210,28,2)
```
#e61e02
```
#e61e02 rgb(230,30,2)
```
#f92102
```
#f92102 rgb(249,33,2)
```

Shade Color Variation

#fd2f12
```
#fd2f12 rgb(253,47,18)
```
#fd4025
```
#fd4025 rgb(253,64,37)
```
#fd5139
```
#fd5139 rgb(253,81,57)
```
#fd624c
```
#fd624c rgb(253,98,76)
```
#fe7360
```
#fe7360 rgb(254,115,96)
```
#fe8473
```
#fe8473 rgb(254,132,115)
```
#fe9587
```
#fe9587 rgb(254,149,135)
```
#fea69a
```
#fea69a rgb(254,166,154)
```
#feb8ae
```
#feb8ae rgb(254,184,174)
```
#fec9c1
```
#fec9c1 rgb(254,201,193)
```
#ffdad5
```
#ffdad5 rgb(255,218,213)
```
#ffebe8
```
#ffebe8 rgb(255,235,232)
```
#fffcfb
```
#fffcfb rgb(255,252,251)
```

Tint Color Variation

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

#8f8280
```
#8f8280 rgb(143,130,128)
```
#987b77
```
#987b77 rgb(152,123,119)
```
#a1746e
```
#a1746e rgb(161,116,110)
```
#aa6d65
```
#aa6d65 rgb(170,109,101)
```
#b3665c
```
#b3665c rgb(179,102,92)
```
#bd5f52
```
#bd5f52 rgb(189,95,82)
```
#c65949
```
#c65949 rgb(198,89,73)
```
#cf5240
```
#cf5240 rgb(207,82,64)
```
#d84b37
```
#d84b37 rgb(216,75,55)
```
#e1442e
```
#e1442e rgb(225,68,46)
```
#eb3d24
```
#eb3d24 rgb(235,61,36)
```
#f4361b
```
#f4361b rgb(244,54,27)
```
#fd2f12
```
#fd2f12 rgb(253,47,18)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#875d58 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8a30 Protanopia 1% of men
#ac8300 Deuteranopia 1% of men
#fd3736 Tritanopia 0.001% of the population

Trichromacy

#be6925 Protanomaly 1% of men, 0.01% of women
#c96406 Deuteranomaly 6% of men, 0.4% of women
#fd3429 Tritanomaly 0.01% of the population

#fd2f12 hex color

#fd2f12 Color Information

#fd2f12 Color Conversion

Color Schemes with #fd2f12

Alternatives to #fd2f12

#fd2f12 Preview

Shades and Tints of #fd2f12

Tones of #fd2f12

Color Blindness Simulator