#fd3100 hex color

In a RGB color space, hex #fd3100 is composed of 99.2% red, 19.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 100% yellow and 0.8% black. It has a hue angle of 11.6 degrees, a saturation of 100% and a lightness of 49.6%. #fd3100 color hex could be obtained by blending #ff6200 with #fb0000. Closest websafe color is: #ff3300.

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

● #fd3100 color description : Pure (or mostly pure) red.

The hexadecimal color #fd3100 has RGB values of R:253, G:49, B:0 and CMYK values of C:0, M:0.81, Y:1, K:0.01. Its decimal value is 16593152.

Hex triplet	fd3100	`#fd3100`
RGB Decimal	253, 49, 0	`rgb(253,49,0)`
RGB Percent	99.2, 19.2, 0	`rgb(99.2%,19.2%,0%)`
CMYK	0, 81, 100, 1
HSL	11.6°, 100, 49.6	`hsl(11.6,100%,49.6%)`
HSV (or HSB)	11.6°, 100, 99.2
Web Safe	ff3300	`#ff3300`

CIE-LAB	55.159, 72.93, 67.684
XYZ	41.609, 23.085, 2.265
xyY	0.621, 0.345, 23.085
CIE-LCH	55.159, 99.498, 42.863
CIE-LUV	55.159, 160.525, 41.646
Hunter-Lab	48.046, 70.501, 30.837
Binary	11111101, 00110001, 00000000

#fd3100
```
#fd3100 rgb(253,49,0)
```
#00ccfd
```
#00ccfd rgb(0,204,253)
```

Complementary Color

#fd004e
```
#fd004e rgb(253,0,78)
```
#fd3100
```
#fd3100 rgb(253,49,0)
```
#fdb000
```
#fdb000 rgb(253,176,0)
```

Analogous Color

#004efd
```
#004efd rgb(0,78,253)
```
#fd3100
```
#fd3100 rgb(253,49,0)
```
#00fdb0
```
#00fdb0 rgb(0,253,176)
```

Split Complementary Color

#3100fd
```
#3100fd rgb(49,0,253)
```
#fd3100
```
#fd3100 rgb(253,49,0)
```
#00fd31
```
#00fd31 rgb(0,253,49)
```

Triadic Color

#fd00cc
```
#fd00cc rgb(253,0,204)
```
#fd3100
```
#fd3100 rgb(253,49,0)
```
#00fd31
```
#00fd31 rgb(0,253,49)
```
#00ccfd
```
#00ccfd rgb(0,204,253)
```

Tetradic Color

#b12200
```
#b12200 rgb(177,34,0)
```
#ca2700
```
#ca2700 rgb(202,39,0)
```
#e42c00
```
#e42c00 rgb(228,44,0)
```
#fd3100
```
#fd3100 rgb(253,49,0)
```
#ff4418
```
#ff4418 rgb(255,68,24)
```
#ff5931
```
#ff5931 rgb(255,89,49)
```
#ff6d4b
```
#ff6d4b rgb(255,109,75)
```

Monochromatic Color

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

#fd000e
```
#fd000e rgb(253,0,14)
```
#fd0700
```
#fd0700 rgb(253,7,0)
```
#fd1c00
```
#fd1c00 rgb(253,28,0)
```
#fd3100
```
#fd3100 rgb(253,49,0)
```
#fd4600
```
#fd4600 rgb(253,70,0)
```
#fd5b00
```
#fd5b00 rgb(253,91,0)
```
#fd7000
```
#fd7000 rgb(253,112,0)
```

Similar Colors

Text with hexadecimal color #fd3100

This text has a font color of #fd3100.

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

#fd3100 background color

This paragraph has a background color of #fd3100.

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

#fd3100 border color

This element has a border color of #fd3100.

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

CSS codes

.text {color:#fd3100;}

.background {background-color:#fd3100;}

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

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

#120300
```
#120300 rgb(18,3,0)
```
#250700
```
#250700 rgb(37,7,0)
```
#390b00
```
#390b00 rgb(57,11,0)
```
#4c0f00
```
#4c0f00 rgb(76,15,0)
```
#601300
```
#601300 rgb(96,19,0)
```
#741600
```
#741600 rgb(116,22,0)
```
#871a00
```
#871a00 rgb(135,26,0)
```
#9b1e00
```
#9b1e00 rgb(155,30,0)
```
#af2200
```
#af2200 rgb(175,34,0)
```
#c22600
```
#c22600 rgb(194,38,0)
```
#d62900
```
#d62900 rgb(214,41,0)
```
#e92d00
```
#e92d00 rgb(233,45,0)
```
#fd3100
```
#fd3100 rgb(253,49,0)
```

Shade Color Variation

#ff4012
```
#ff4012 rgb(255,64,18)
```
#ff4f25
```
#ff4f25 rgb(255,79,37)
```
#ff5f39
```
#ff5f39 rgb(255,95,57)
```
#ff6f4c
```
#ff6f4c rgb(255,111,76)
```
#ff7f60
```
#ff7f60 rgb(255,127,96)
```
#ff8f74
```
#ff8f74 rgb(255,143,116)
```
#ff9e87
```
#ff9e87 rgb(255,158,135)
```
#ffae9b
```
#ffae9b rgb(255,174,155)
```
#ffbeaf
```
#ffbeaf rgb(255,190,175)
```
#ffcec2
```
#ffcec2 rgb(255,206,194)
```
#ffded6
```
#ffded6 rgb(255,222,214)
```
#ffeee9
```
#ffeee9 rgb(255,238,233)
```
#fffdfd
```
#fffdfd rgb(255,253,253)
```

Tint Color Variation

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

#887975
```
#887975 rgb(136,121,117)
```
#92736b
```
#92736b rgb(146,115,107)
```
#9c6d61
```
#9c6d61 rgb(156,109,97)
```
#a56758
```
#a56758 rgb(165,103,88)
```
#af614e
```
#af614e rgb(175,97,78)
```
#b95b44
```
#b95b44 rgb(185,91,68)
```
#c3553a
```
#c3553a rgb(195,85,58)
```
#cc4f31
```
#cc4f31 rgb(204,79,49)
```
#d64927
```
#d64927 rgb(214,73,39)
```
#e0431d
```
#e0431d rgb(224,67,29)
```
#ea3d13
```
#ea3d13 rgb(234,61,19)
```
#f3370a
```
#f3370a rgb(243,55,10)
```
#fd3100
```
#fd3100 rgb(253,49,0)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#865d53 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b8a20 Protanopia 1% of men
#ac8300 Deuteranopia 1% of men
#fd3838 Tritanopia 0.001% of the population

Trichromacy

#be6a14 Protanomaly 1% of men, 0.01% of women
#c96500 Deuteranomaly 6% of men, 0.4% of women
#fd3523 Tritanomaly 0.01% of the population

#fd3100 hex color

#fd3100 Color Information

#fd3100 Color Conversion

Color Schemes with #fd3100

Alternatives to #fd3100

#fd3100 Preview

Shades and Tints of #fd3100

Tones of #fd3100

Color Blindness Simulator