#ff5131 hex color

In a RGB color space, hex #ff5131 is composed of 100% red, 31.8% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.2% magenta, 80.8% yellow and 0% black. It has a hue angle of 9.3 degrees, a saturation of 100% and a lightness of 59.6%. #ff5131 color hex could be obtained by blending #ffa262 with #ff0000. Closest websafe color is: #ff6633.

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

● #ff5131 color description : Vivid red.

The hexadecimal color #ff5131 has RGB values of R:255, G:81, B:49 and CMYK values of C:0, M:0.68, Y:0.81, K:0. Its decimal value is 16732465.

Hex triplet	ff5131	`#ff5131`
RGB Decimal	255, 81, 49	`rgb(255,81,49)`
RGB Percent	100, 31.8, 19.2	`rgb(100%,31.8%,19.2%)`
CMYK	0, 68, 81, 0
HSL	9.3°, 100, 59.6	`hsl(9.3,100%,59.6%)`
HSV (or HSB)	9.3°, 80.8, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.317, 64.301, 54.462
XYZ	44.739, 27.372, 5.833
xyY	0.574, 0.351, 27.372
CIE-LCH	59.317, 84.265, 40.264
CIE-LUV	59.317, 139.302, 40.625
Hunter-Lab	52.318, 61.085, 30.012
Binary	11111111, 01010001, 00110001

#ff5131
```
#ff5131 rgb(255,81,49)
```
#31dfff
```
#31dfff rgb(49,223,255)
```

Complementary Color

#ff3178
```
#ff3178 rgb(255,49,120)
```
#ff5131
```
#ff5131 rgb(255,81,49)
```
#ffb831
```
#ffb831 rgb(255,184,49)
```

Analogous Color

#3178ff
```
#3178ff rgb(49,120,255)
```
#ff5131
```
#ff5131 rgb(255,81,49)
```
#31ffb8
```
#31ffb8 rgb(49,255,184)
```

Split Complementary Color

#5131ff
```
#5131ff rgb(81,49,255)
```
#ff5131
```
#ff5131 rgb(255,81,49)
```
#31ff51
```
#31ff51 rgb(49,255,81)
```

Triadic Color

#ff31df
```
#ff31df rgb(255,49,223)
```
#ff5131
```
#ff5131 rgb(255,81,49)
```
#31ff51
```
#31ff51 rgb(49,255,81)
```
#31dfff
```
#31dfff rgb(49,223,255)
```

Tetradic Color

#e42300
```
#e42300 rgb(228,35,0)
```
#fd2700
```
#fd2700 rgb(253,39,0)
```
#ff3b18
```
#ff3b18 rgb(255,59,24)
```
#ff5131
```
#ff5131 rgb(255,81,49)
```
#ff674b
```
#ff674b rgb(255,103,75)
```
#ff7c64
```
#ff7c64 rgb(255,124,100)
```
#ff927e
```
#ff927e rgb(255,146,126)
```

Monochromatic Color

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

#ff3145
```
#ff3145 rgb(255,49,69)
```
#ff3133
```
#ff3133 rgb(255,49,51)
```
#ff4031
```
#ff4031 rgb(255,64,49)
```
#ff5131
```
#ff5131 rgb(255,81,49)
```
#ff6231
```
#ff6231 rgb(255,98,49)
```
#ff7331
```
#ff7331 rgb(255,115,49)
```
#ff8531
```
#ff8531 rgb(255,133,49)
```

Similar Colors

Text with hexadecimal color #ff5131

This text has a font color of #ff5131.

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

#ff5131 background color

This paragraph has a background color of #ff5131.

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

#ff5131 border color

This element has a border color of #ff5131.

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

CSS codes

.text {color:#ff5131;}

.background {background-color:#ff5131;}

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

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

#0a0200
```
#0a0200 rgb(10,2,0)
```
#1d0500
```
#1d0500 rgb(29,5,0)
```
#310800
```
#310800 rgb(49,8,0)
```
#450b00
```
#450b00 rgb(69,11,0)
```
#580e00
```
#580e00 rgb(88,14,0)
```
#6c1100
```
#6c1100 rgb(108,17,0)
```
#7f1400
```
#7f1400 rgb(127,20,0)
```
#931700
```
#931700 rgb(147,23,0)
```
#a71a00
```
#a71a00 rgb(167,26,0)
```
#ba1d00
```
#ba1d00 rgb(186,29,0)
```
#ce2000
```
#ce2000 rgb(206,32,0)
```
#e22300
```
#e22300 rgb(226,35,0)
```
#f52600
```
#f52600 rgb(245,38,0)
```

Shade Color Variation

#ff300a
```
#ff300a rgb(255,48,10)
```
#ff401d
```
#ff401d rgb(255,64,29)
```
#ff5131
```
#ff5131 rgb(255,81,49)
```
#ff6245
```
#ff6245 rgb(255,98,69)
```
#ff7258
```
#ff7258 rgb(255,114,88)
```
#ff836c
```
#ff836c rgb(255,131,108)
```
#ff937f
```
#ff937f rgb(255,147,127)
```
#ffa493
```
#ffa493 rgb(255,164,147)
```
#ffb4a7
```
#ffb4a7 rgb(255,180,167)
```
#ffc5ba
```
#ffc5ba rgb(255,197,186)
```
#ffd6ce
```
#ffd6ce rgb(255,214,206)
```
#ffe6e2
```
#ffe6e2 rgb(255,230,226)
```
#fff7f5
```
#fff7f5 rgb(255,247,245)
```

Tint Color Variation

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

#a09390
```
#a09390 rgb(160,147,144)
```
#a88d88
```
#a88d88 rgb(168,141,136)
```
#b08880
```
#b08880 rgb(176,136,128)
```
#b88278
```
#b88278 rgb(184,130,120)
```
#c07d70
```
#c07d70 rgb(192,125,112)
```
#c87768
```
#c87768 rgb(200,119,104)
```
#cf7261
```
#cf7261 rgb(207,114,97)
```
#d76c59
```
#d76c59 rgb(215,108,89)
```
#df6751
```
#df6751 rgb(223,103,81)
```
#e76149
```
#e76149 rgb(231,97,73)
```
#ef5c41
```
#ef5c41 rgb(239,92,65)
```
#f75639
```
#f75639 rgb(247,86,57)
```
#ff5131
```
#ff5131 rgb(255,81,49)
```

Tone Color Variation

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

#818181 Achromatopsia 0.005% of the population
#9a7771 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a3944b Protanopia 1% of men
#b88d2b Deuteranopia 1% of men
#ff575b Tritanopia 0.001% of the population

Trichromacy

#c57c41 Protanomaly 1% of men, 0.01% of women
#d2772d Deuteranomaly 6% of men, 0.4% of women
#ff554b Tritanomaly 0.01% of the population

#ff5131 hex color

#ff5131 Color Information

#ff5131 Color Conversion

Color Schemes with #ff5131

Alternatives to #ff5131

#ff5131 Preview

Shades and Tints of #ff5131

Tones of #ff5131

Color Blindness Simulator