#fd3231 hex color

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

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

● #fd3231 color description : Bright red.

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

Hex triplet	fd3231	`#fd3231`
RGB Decimal	253, 50, 49	`rgb(253,50,49)`
RGB Percent	99.2, 19.6, 19.2	`rgb(99.2%,19.6%,19.2%)`
CMYK	0, 80, 81, 1
HSL	0.3°, 98.1, 59.2	`hsl(0.3,98.1%,59.2%)`
HSV (or HSB)	0.3°, 80.6, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	55.473, 73.385, 50.675
XYZ	42.205, 23.391, 5.198
xyY	0.596, 0.33, 23.391
CIE-LCH	55.473, 89.181, 34.626
CIE-LUV	55.473, 155.237, 33.751
Hunter-Lab	48.364, 71.131, 27.482
Binary	11111101, 00110010, 00110001

#fd3231
```
#fd3231 rgb(253,50,49)
```
#31fcfd
```
#31fcfd rgb(49,252,253)
```

Complementary Color

#fd3196
```
#fd3196 rgb(253,49,150)
```
#fd3231
```
#fd3231 rgb(253,50,49)
```
#fd9831
```
#fd9831 rgb(253,152,49)
```

Analogous Color

#3196fd
```
#3196fd rgb(49,150,253)
```
#fd3231
```
#fd3231 rgb(253,50,49)
```
#31fd98
```
#31fd98 rgb(49,253,152)
```

Split Complementary Color

#3231fd
```
#3231fd rgb(50,49,253)
```
#fd3231
```
#fd3231 rgb(253,50,49)
```
#31fd32
```
#31fd32 rgb(49,253,50)
```

Triadic Color

#fd31fc
```
#fd31fc rgb(253,49,252)
```
#fd3231
```
#fd3231 rgb(253,50,49)
```
#31fd32
```
#31fd32 rgb(49,253,50)
```
#31fcfd
```
#31fcfd rgb(49,252,253)
```

Tetradic Color

#df0302
```
#df0302 rgb(223,3,2)
```
#f90402
```
#f90402 rgb(249,4,2)
```
#fd1918
```
#fd1918 rgb(253,25,24)
```
#fd3231
```
#fd3231 rgb(253,50,49)
```
#fd4b4a
```
#fd4b4a rgb(253,75,74)
```
#fd6464
```
#fd6464 rgb(253,100,100)
```
#fe7d7d
```
#fe7d7d rgb(254,125,125)
```

Monochromatic Color

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

#fd3163
```
#fd3163 rgb(253,49,99)
```
#fd3152
```
#fd3152 rgb(253,49,82)
```
#fd3141
```
#fd3141 rgb(253,49,65)
```
#fd3231
```
#fd3231 rgb(253,50,49)
```
#fd4331
```
#fd4331 rgb(253,67,49)
```
#fd5431
```
#fd5431 rgb(253,84,49)
```
#fd6531
```
#fd6531 rgb(253,101,49)
```

Similar Colors

Text with hexadecimal color #fd3231

This text has a font color of #fd3231.

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

#fd3231 background color

This paragraph has a background color of #fd3231.

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

#fd3231 border color

This element has a border color of #fd3231.

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

CSS codes

.text {color:#fd3231;}

.background {background-color:#fd3231;}

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

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

#080000
```
#080000 rgb(8,0,0)
```
#1b0000
```
#1b0000 rgb(27,0,0)
```
#2f0100
```
#2f0100 rgb(47,1,0)
```
#420101
```
#420101 rgb(66,1,1)
```
#550101
```
#550101 rgb(85,1,1)
```
#690201
```
#690201 rgb(105,2,1)
```
#7c0201
```
#7c0201 rgb(124,2,1)
```
#900201
```
#900201 rgb(144,2,1)
```
#a30202
```
#a30202 rgb(163,2,2)
```
#b70302
```
#b70302 rgb(183,3,2)
```
#ca0302
```
#ca0302 rgb(202,3,2)
```
#dd0302
```
#dd0302 rgb(221,3,2)
```
#f10402
```
#f10402 rgb(241,4,2)
```

Shade Color Variation

#fd0b0a
```
#fd0b0a rgb(253,11,10)
```
#fd1f1e
```
#fd1f1e rgb(253,31,30)
```
#fd3231
```
#fd3231 rgb(253,50,49)
```
#fd4544
```
#fd4544 rgb(253,69,68)
```
#fd5958
```
#fd5958 rgb(253,89,88)
```
#fe6c6b
```
#fe6c6b rgb(254,108,107)
```
#fe7f7f
```
#fe7f7f rgb(254,127,127)
```
#fe9392
```
#fe9392 rgb(254,147,146)
```
#fea6a6
```
#fea6a6 rgb(254,166,166)
```
#feb9b9
```
#feb9b9 rgb(254,185,185)
```
#ffcdcc
```
#ffcdcc rgb(255,205,204)
```
#ffe0e0
```
#ffe0e0 rgb(255,224,224)
```
#fff3f3
```
#fff3f3 rgb(255,243,243)
```

Tint Color Variation

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

#9d9191
```
#9d9191 rgb(157,145,145)
```
#a58989
```
#a58989 rgb(165,137,137)
```
#ad8181
```
#ad8181 rgb(173,129,129)
```
#b57979
```
#b57979 rgb(181,121,121)
```
#bd7171
```
#bd7171 rgb(189,113,113)
```
#c56969
```
#c56969 rgb(197,105,105)
```
#cd6261
```
#cd6261 rgb(205,98,97)
```
#d55a59
```
#d55a59 rgb(213,90,89)
```
#dd5251
```
#dd5251 rgb(221,82,81)
```
#e54a49
```
#e54a49 rgb(229,74,73)
```
#ed4241
```
#ed4241 rgb(237,66,65)
```
#f53a39
```
#f53a39 rgb(245,58,57)
```
#fd3231
```
#fd3231 rgb(253,50,49)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#8b6363 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988b4f Protanopia 1% of men
#ad8429 Deuteranopia 1% of men
#fd3c3d Tritanopia 0.001% of the population

Trichromacy

#bd6a44 Protanomaly 1% of men, 0.01% of women
#ca662b Deuteranomaly 6% of men, 0.4% of women
#fd3838 Tritanomaly 0.01% of the population

#fd3231 hex color

#fd3231 Color Information

#fd3231 Color Conversion

Color Schemes with #fd3231

Alternatives to #fd3231

#fd3231 Preview

Shades and Tints of #fd3231

Tones of #fd3231

Color Blindness Simulator