#fd2531 hex color

In a RGB color space, hex #fd2531 is composed of 99.2% red, 14.5% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 85.4% magenta, 80.6% yellow and 0.8% black. It has a hue angle of 356.7 degrees, a saturation of 98.2% and a lightness of 56.9%. #fd2531 color hex could be obtained by blending #ff4a62 with #fb0000. Closest websafe color is: #ff3333.

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

● #fd2531 color description : Vivid red.

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

Hex triplet	fd2531	`#fd2531`
RGB Decimal	253, 37, 49	`rgb(253,37,49)`
RGB Percent	99.2, 14.5, 19.2	`rgb(99.2%,14.5%,19.2%)`
CMYK	0, 85, 81, 1
HSL	356.7°, 98.2, 56.9	`hsl(356.7,98.2%,56.9%)`
HSV (or HSB)	356.7°, 85.4, 99.2
Web Safe	ff3333	`#ff3333`

CIE-LAB	54.483, 76.201, 49.719
XYZ	41.726, 22.433, 5.039
xyY	0.603, 0.324, 22.433
CIE-LCH	54.483, 90.987, 33.124
CIE-LUV	54.483, 160.42, 31.842
Hunter-Lab	47.363, 74.369, 26.847
Binary	11111101, 00100101, 00110001

#fd2531
```
#fd2531 rgb(253,37,49)
```
#25fdf1
```
#25fdf1 rgb(37,253,241)
```

Complementary Color

#fd259d
```
#fd259d rgb(253,37,157)
```
#fd2531
```
#fd2531 rgb(253,37,49)
```
#fd8525
```
#fd8525 rgb(253,133,37)
```

Analogous Color

#259dfd
```
#259dfd rgb(37,157,253)
```
#fd2531
```
#fd2531 rgb(253,37,49)
```
#25fd85
```
#25fd85 rgb(37,253,133)
```

Split Complementary Color

#2531fd
```
#2531fd rgb(37,49,253)
```
#fd2531
```
#fd2531 rgb(253,37,49)
```
#31fd25
```
#31fd25 rgb(49,253,37)
```

Triadic Color

#f125fd
```
#f125fd rgb(241,37,253)
```
#fd2531
```
#fd2531 rgb(253,37,49)
```
#31fd25
```
#31fd25 rgb(49,253,37)
```
#25fdf1
```
#25fdf1 rgb(37,253,241)
```

Tetradic Color

#d4020e
```
#d4020e rgb(212,2,14)
```
#ed020f
```
#ed020f rgb(237,2,15)
```
#fd0c19
```
#fd0c19 rgb(253,12,25)
```
#fd2531
```
#fd2531 rgb(253,37,49)
```
#fd3e49
```
#fd3e49 rgb(253,62,73)
```
#fd5861
```
#fd5861 rgb(253,88,97)
```
#fe7179
```
#fe7179 rgb(254,113,121)
```

Monochromatic Color

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

#fd2567
```
#fd2567 rgb(253,37,103)
```
#fd2555
```
#fd2555 rgb(253,37,85)
```
#fd2543
```
#fd2543 rgb(253,37,67)
```
#fd2531
```
#fd2531 rgb(253,37,49)
```
#fd2b25
```
#fd2b25 rgb(253,43,37)
```
#fd3d25
```
#fd3d25 rgb(253,61,37)
```
#fd4f25
```
#fd4f25 rgb(253,79,37)
```

Similar Colors

Text with hexadecimal color #fd2531

This text has a font color of #fd2531.

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

#fd2531 background color

This paragraph has a background color of #fd2531.

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

#fd2531 border color

This element has a border color of #fd2531.

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

CSS codes

.text {color:#fd2531;}

.background {background-color:#fd2531;}

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

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

#0f0001
```
#0f0001 rgb(15,0,1)
```
#230002
```
#230002 rgb(35,0,2)
```
#360003
```
#360003 rgb(54,0,3)
```
#4a0105
```
#4a0105 rgb(74,1,5)
```
#5d0106
```
#5d0106 rgb(93,1,6)
```
#700107
```
#700107 rgb(112,1,7)
```
#840108
```
#840108 rgb(132,1,8)
```
#97010a
```
#97010a rgb(151,1,10)
```
#ab020b
```
#ab020b rgb(171,2,11)
```
#be020c
```
#be020c rgb(190,2,12)
```
#d2020d
```
#d2020d rgb(210,2,13)
```
#e5020f
```
#e5020f rgb(229,2,15)
```
#f80210
```
#f80210 rgb(248,2,16)
```

Shade Color Variation

#fd121f
```
#fd121f rgb(253,18,31)
```
#fd2531
```
#fd2531 rgb(253,37,49)
```
#fd3843
```
#fd3843 rgb(253,56,67)
```
#fd4c56
```
#fd4c56 rgb(253,76,86)
```
#fe5f68
```
#fe5f68 rgb(254,95,104)
```
#fe737a
```
#fe737a rgb(254,115,122)
```
#fe868d
```
#fe868d rgb(254,134,141)
```
#fe9a9f
```
#fe9a9f rgb(254,154,159)
```
#feadb2
```
#feadb2 rgb(254,173,178)
```
#fec0c4
```
#fec0c4 rgb(254,192,196)
```
#ffd4d6
```
#ffd4d6 rgb(255,212,214)
```
#ffe7e9
```
#ffe7e9 rgb(255,231,233)
```
#fffbfb
```
#fffbfb rgb(255,251,251)
```

Tint Color Variation

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

#978b8b
```
#978b8b rgb(151,139,139)
```
#a08284
```
#a08284 rgb(160,130,132)
```
#a87a7c
```
#a87a7c rgb(168,122,124)
```
#b17175
```
#b17175 rgb(177,113,117)
```
#b9696d
```
#b9696d rgb(185,105,109)
```
#c26066
```
#c26066 rgb(194,96,102)
```
#ca585e
```
#ca585e rgb(202,88,94)
```
#d34f57
```
#d34f57 rgb(211,79,87)
```
#db474f
```
#db474f rgb(219,71,79)
```
#e43e48
```
#e43e48 rgb(228,62,72)
```
#ec3640
```
#ec3640 rgb(236,54,64)
```
#f52d39
```
#f52d39 rgb(245,45,57)
```
#fd2531
```
#fd2531 rgb(253,37,49)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#855a5c Atypical Achromatopsia 0.001% of the population

Dichromacy

#958851 Protanopia 1% of men
#aa8228 Deuteranopia 1% of men
#fc3230 Tritanopia 0.001% of the population

Trichromacy

#bb6445 Protanomaly 1% of men, 0.01% of women
#c8602b Deuteranomaly 6% of men, 0.4% of women
#fc2d30 Tritanomaly 0.01% of the population

#fd2531 hex color

#fd2531 Color Information

#fd2531 Color Conversion

Color Schemes with #fd2531

Alternatives to #fd2531

#fd2531 Preview

Shades and Tints of #fd2531

Tones of #fd2531

Color Blindness Simulator