#fd3130 hex color

In a RGB color space, hex #fd3130 is composed of 99.2% red, 19.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80.6% magenta, 81% yellow and 0.8% black. It has a hue angle of 0.3 degrees, a saturation of 98.1% and a lightness of 59%. #fd3130 color hex could be obtained by blending #ff6260 with #fb0000. Closest websafe color is: #ff3333.

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

● #fd3130 color description : Bright red.

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

Hex triplet	fd3130	`#fd3130`
RGB Decimal	253, 49, 48	`rgb(253,49,48)`
RGB Percent	99.2, 19.2, 18.8	`rgb(99.2%,19.2%,18.8%)`
CMYK	0, 81, 81, 1
HSL	0.3°, 98.1, 59	`hsl(0.3,98.1%,59%)`
HSV (or HSB)	0.3°, 81, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.378, 73.603, 51.093
XYZ	42.142, 23.298, 5.074
xyY	0.598, 0.33, 23.298
CIE-LCH	55.378, 89.599, 34.767
CIE-LUV	55.378, 155.862, 33.881
Hunter-Lab	48.268, 71.376, 27.555
Binary	11111101, 00110001, 00110000

#fd3130
```
#fd3130 rgb(253,49,48)
```
#30fcfd
```
#30fcfd rgb(48,252,253)
```

Complementary Color

#fd3096
```
#fd3096 rgb(253,48,150)
```
#fd3130
```
#fd3130 rgb(253,49,48)
```
#fd9830
```
#fd9830 rgb(253,152,48)
```

Analogous Color

#3096fd
```
#3096fd rgb(48,150,253)
```
#fd3130
```
#fd3130 rgb(253,49,48)
```
#30fd98
```
#30fd98 rgb(48,253,152)
```

Split Complementary Color

#3130fd
```
#3130fd rgb(49,48,253)
```
#fd3130
```
#fd3130 rgb(253,49,48)
```
#30fd31
```
#30fd31 rgb(48,253,49)
```

Triadic Color

#fd30fc
```
#fd30fc rgb(253,48,252)
```
#fd3130
```
#fd3130 rgb(253,49,48)
```
#30fd31
```
#30fd31 rgb(48,253,49)
```
#30fcfd
```
#30fcfd rgb(48,252,253)
```

Tetradic Color

#de0302
```
#de0302 rgb(222,3,2)
```
#f80402
```
#f80402 rgb(248,4,2)
```
#fd1817
```
#fd1817 rgb(253,24,23)
```
#fd3130
```
#fd3130 rgb(253,49,48)
```
#fd4a49
```
#fd4a49 rgb(253,74,73)
```
#fd6363
```
#fd6363 rgb(253,99,99)
```
#fe7c7c
```
#fe7c7c rgb(254,124,124)
```

Monochromatic Color

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

#fd3062
```
#fd3062 rgb(253,48,98)
```
#fd3051
```
#fd3051 rgb(253,48,81)
```
#fd3040
```
#fd3040 rgb(253,48,64)
```
#fd3130
```
#fd3130 rgb(253,49,48)
```
#fd4230
```
#fd4230 rgb(253,66,48)
```
#fd5330
```
#fd5330 rgb(253,83,48)
```
#fd6430
```
#fd6430 rgb(253,100,48)
```

Similar Colors

Text with hexadecimal color #fd3130

This text has a font color of #fd3130.

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

#fd3130 background color

This paragraph has a background color of #fd3130.

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

#fd3130 border color

This element has a border color of #fd3130.

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

CSS codes

.text {color:#fd3130;}

.background {background-color:#fd3130;}

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

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

#070000
```
#070000 rgb(7,0,0)
```
#1a0000
```
#1a0000 rgb(26,0,0)
```
#2e0100
```
#2e0100 rgb(46,1,0)
```
#410101
```
#410101 rgb(65,1,1)
```
#540101
```
#540101 rgb(84,1,1)
```
#680201
```
#680201 rgb(104,2,1)
```
#7b0201
```
#7b0201 rgb(123,2,1)
```
#8f0201
```
#8f0201 rgb(143,2,1)
```
#a20202
```
#a20202 rgb(162,2,2)
```
#b60302
```
#b60302 rgb(182,3,2)
```
#c90302
```
#c90302 rgb(201,3,2)
```
#dc0302
```
#dc0302 rgb(220,3,2)
```
#f00302
```
#f00302 rgb(240,3,2)
```

Shade Color Variation

#fd0a09
```
#fd0a09 rgb(253,10,9)
```
#fd1e1d
```
#fd1e1d rgb(253,30,29)
```
#fd3130
```
#fd3130 rgb(253,49,48)
```
#fd4443
```
#fd4443 rgb(253,68,67)
```
#fd5857
```
#fd5857 rgb(253,88,87)
```
#fe6b6a
```
#fe6b6a rgb(254,107,106)
```
#fe7e7e
```
#fe7e7e rgb(254,126,126)
```
#fe9291
```
#fe9291 rgb(254,146,145)
```
#fea5a5
```
#fea5a5 rgb(254,165,165)
```
#feb8b8
```
#feb8b8 rgb(254,184,184)
```
#ffcccb
```
#ffcccb rgb(255,204,203)
```
#ffdfdf
```
#ffdfdf rgb(255,223,223)
```
#fff2f2
```
#fff2f2 rgb(255,242,242)
```

Tint Color Variation

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

#9d9190
```
#9d9190 rgb(157,145,144)
```
#a58988
```
#a58988 rgb(165,137,136)
```
#ad8180
```
#ad8180 rgb(173,129,128)
```
#b57978
```
#b57978 rgb(181,121,120)
```
#bd7170
```
#bd7170 rgb(189,113,112)
```
#c56968
```
#c56968 rgb(197,105,104)
```
#cd6160
```
#cd6160 rgb(205,97,96)
```
#d55958
```
#d55958 rgb(213,89,88)
```
#dd5150
```
#dd5150 rgb(221,81,80)
```
#e54948
```
#e54948 rgb(229,73,72)
```
#ed4140
```
#ed4140 rgb(237,65,64)
```
#f53938
```
#f53938 rgb(245,57,56)
```
#fd3130
```
#fd3130 rgb(253,49,48)
```

Tone Color Variation

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

#6e6e6e Achromatopsia 0.005% of the population
#8b6262 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988b4e Protanopia 1% of men
#ad8427 Deuteranopia 1% of men
#fd3b3b Tritanopia 0.001% of the population

Trichromacy

#bc6a43 Protanomaly 1% of men, 0.01% of women
#ca662a Deuteranomaly 6% of men, 0.4% of women
#fd3737 Tritanomaly 0.01% of the population

#fd3130 hex color

#fd3130 Color Information

#fd3130 Color Conversion

Color Schemes with #fd3130

Alternatives to #fd3130

#fd3130 Preview

Shades and Tints of #fd3130

Tones of #fd3130

Color Blindness Simulator