colorhexa.com

#fd2f0e hex color

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

- R 99
- G 18
- B 5
RGB color chart
- C 0
- M 81
- Y 94
- K 1
CMYK color chart

● #fd2f0e color description : Vivid red.

The hexadecimal color #fd2f0e has RGB values of R:253, G:47, B:14 and CMYK values of C:0, M:0.81, Y:0.94, K:0.01. Its decimal value is 16592654.

Hex triplet	fd2f0e	`#fd2f0e`
RGB Decimal	253, 47, 14	`rgb(253,47,14)`
RGB Percent	99.2, 18.4, 5.5	`rgb(99.2%,18.4%,5.5%)`
CMYK	0, 81, 94, 1
HSL	8.3°, 98.4, 52.4	`hsl(8.3,98.4%,52.4%)`
HSV (or HSB)	8.3°, 94.5, 99.2
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.024, 73.507, 64.458
XYZ	41.606, 22.953, 2.655
xyY	0.619, 0.341, 22.953
CIE-LCH	55.024, 97.766, 41.247
CIE-LUV	55.024, 160.732, 40.163
Hunter-Lab	47.909, 71.176, 30.25
Binary	11111101, 00101111, 00001110

#fd2f0e
```
#fd2f0e rgb(253,47,14)
```
#0edcfd
```
#0edcfd rgb(14,220,253)
```

Complementary Color

#fd0e65
```
#fd0e65 rgb(253,14,101)
```
#fd2f0e
```
#fd2f0e rgb(253,47,14)
```
#fda70e
```
#fda70e rgb(253,167,14)
```

Analogous Color

#0e65fd
```
#0e65fd rgb(14,101,253)
```
#fd2f0e
```
#fd2f0e rgb(253,47,14)
```
#0efda7
```
#0efda7 rgb(14,253,167)
```

Split Complementary Color

#2f0efd
```
#2f0efd rgb(47,14,253)
```
#fd2f0e
```
#fd2f0e rgb(253,47,14)
```
#0efd2f
```
#0efd2f rgb(14,253,47)
```

Triadic Color

#fd0edc
```
#fd0edc rgb(253,14,220)
```
#fd2f0e
```
#fd2f0e rgb(253,47,14)
```
#0efd2f
```
#0efd2f rgb(14,253,47)
```
#0edcfd
```
#0edcfd rgb(14,220,253)
```

Tetradic Color

#bd1b02
```
#bd1b02 rgb(189,27,2)
```
#d61f02
```
#d61f02 rgb(214,31,2)
```
#f02302
```
#f02302 rgb(240,35,2)
```
#fd2f0e
```
#fd2f0e rgb(253,47,14)
```
#fd4527
```
#fd4527 rgb(253,69,39)
```
#fd5b41
```
#fd5b41 rgb(253,91,65)
```
#fe705a
```
#fe705a rgb(254,112,90)
```

Monochromatic Color

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

#fd0e29
```
#fd0e29 rgb(253,14,41)
```
#fd0e15
```
#fd0e15 rgb(253,14,21)
```
#fd1b0e
```
#fd1b0e rgb(253,27,14)
```
#fd2f0e
```
#fd2f0e rgb(253,47,14)
```
#fd430e
```
#fd430e rgb(253,67,14)
```
#fd570e
```
#fd570e rgb(253,87,14)
```
#fd6b0e
```
#fd6b0e rgb(253,107,14)
```

Similar Colors

Text with hexadecimal color #fd2f0e

This text has a font color of #fd2f0e.

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

#fd2f0e background color

This paragraph has a background color of #fd2f0e.

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

#fd2f0e border color

This element has a border color of #fd2f0e.

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

CSS codes

.text {color:#fd2f0e;}

.background {background-color:#fd2f0e;}

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

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

#0c0200
```
#0c0200 rgb(12,2,0)
```
#1f0500
```
#1f0500 rgb(31,5,0)
```
#330700
```
#330700 rgb(51,7,0)
```
#460a01
```
#460a01 rgb(70,10,1)
```
#5a0d01
```
#5a0d01 rgb(90,13,1)
```
#6d1001
```
#6d1001 rgb(109,16,1)
```
#811301
```
#811301 rgb(129,19,1)
```
#941601
```
#941601 rgb(148,22,1)
```
#a81801
```
#a81801 rgb(168,24,1)
```
#bb1b02
```
#bb1b02 rgb(187,27,2)
```
#ce1e02
```
#ce1e02 rgb(206,30,2)
```
#e22102
```
#e22102 rgb(226,33,2)
```
#f52402
```
#f52402 rgb(245,36,2)
```

Shade Color Variation

#fd2f0e
```
#fd2f0e rgb(253,47,14)
```
#fd4021
```
#fd4021 rgb(253,64,33)
```
#fd5135
```
#fd5135 rgb(253,81,53)
```
#fd6148
```
#fd6148 rgb(253,97,72)
```
#fe725c
```
#fe725c rgb(254,114,92)
```
#fe836f
```
#fe836f rgb(254,131,111)
```
#fe9483
```
#fe9483 rgb(254,148,131)
```
#fea596
```
#fea596 rgb(254,165,150)
```
#feb5aa
```
#feb5aa rgb(254,181,170)
```
#fec6bd
```
#fec6bd rgb(254,198,189)
```
#ffd7d1
```
#ffd7d1 rgb(255,215,209)
```
#ffe8e4
```
#ffe8e4 rgb(255,232,228)
```
#fff8f7
```
#fff8f7 rgb(255,248,247)
```

Tint Color Variation

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

#8d807e
```
#8d807e rgb(141,128,126)
```
#967975
```
#967975 rgb(150,121,117)
```
#a0736b
```
#a0736b rgb(160,115,107)
```
#a96c62
```
#a96c62 rgb(169,108,98)
```
#b26559
```
#b26559 rgb(178,101,89)
```
#bc5e4f
```
#bc5e4f rgb(188,94,79)
```
#c55846
```
#c55846 rgb(197,88,70)
```
#ce513d
```
#ce513d rgb(206,81,61)
```
#d84a33
```
#d84a33 rgb(216,74,51)
```
#e1432a
```
#e1432a rgb(225,67,42)
```
#ea3d21
```
#ea3d21 rgb(234,61,33)
```
#f43617
```
#f43617 rgb(244,54,23)
```
#fd2f0e
```
#fd2f0e rgb(253,47,14)
```

Tone Color Variation

Below, you can see how #fd2f0e 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
#875d57 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#be6921 Protanomaly 1% of men, 0.01% of women
#c96405 Deuteranomaly 6% of men, 0.4% of women
#fd3427 Tritanomaly 0.01% of the population