#fb531f hex color

In a RGB color space, hex #fb531f is composed of 98.4% red, 32.5% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.9% magenta, 87.6% yellow and 1.6% black. It has a hue angle of 14.2 degrees, a saturation of 96.5% and a lightness of 55.3%. #fb531f color hex could be obtained by blending #ffa63e with #f70000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 98
- G 33
- B 12
RGB color chart
- C 0
- M 67
- Y 88
- K 2
CMYK color chart

● #fb531f color description : Vivid red.

The hexadecimal color #fb531f has RGB values of R:251, G:83, B:31 and CMYK values of C:0, M:0.67, Y:0.88, K:0.02. Its decimal value is 16470815.

Hex triplet	fb531f	`#fb531f`
RGB Decimal	251, 83, 31	`rgb(251,83,31)`
RGB Percent	98.4, 32.5, 12.2	`rgb(98.4%,32.5%,12.2%)`
CMYK	0, 67, 88, 2
HSL	14.2°, 96.5, 55.3	`hsl(14.2,96.5%,55.3%)`
HSV (or HSB)	14.2°, 87.6, 98.4
Web Safe	ff6633	`#ff6633`

CIE-LAB	58.788, 61.848, 61.379
XYZ	43.126, 26.8, 4.198
xyY	0.582, 0.362, 26.8
CIE-LCH	58.788, 87.135, 44.782
CIE-LUV	58.788, 136.833, 44.801
Hunter-Lab	51.768, 58.107, 31.43
Binary	11111011, 01010011, 00011111

#fb531f
```
#fb531f rgb(251,83,31)
```
#1fc7fb
```
#1fc7fb rgb(31,199,251)
```

Complementary Color

#fb1f59
```
#fb1f59 rgb(251,31,89)
```
#fb531f
```
#fb531f rgb(251,83,31)
```
#fbc11f
```
#fbc11f rgb(251,193,31)
```

Analogous Color

#1f59fb
```
#1f59fb rgb(31,89,251)
```
#fb531f
```
#fb531f rgb(251,83,31)
```
#1ffbc1
```
#1ffbc1 rgb(31,251,193)
```

Split Complementary Color

#531ffb
```
#531ffb rgb(83,31,251)
```
#fb531f
```
#fb531f rgb(251,83,31)
```
#1ffb53
```
#1ffb53 rgb(31,251,83)
```

Triadic Color

#fb1fc7
```
#fb1fc7 rgb(251,31,199)
```
#fb531f
```
#fb531f rgb(251,83,31)
```
#1ffb53
```
#1ffb53 rgb(31,251,83)
```
#1fc7fb
```
#1fc7fb rgb(31,199,251)
```

Tetradic Color

#ca3204
```
#ca3204 rgb(202,50,4)
```
#e33904
```
#e33904 rgb(227,57,4)
```
#fb4006
```
#fb4006 rgb(251,64,6)
```
#fb531f
```
#fb531f rgb(251,83,31)
```
#fb6638
```
#fb6638 rgb(251,102,56)
```
#fc7951
```
#fc7951 rgb(252,121,81)
```
#fc8d6a
```
#fc8d6a rgb(252,141,106)
```

Monochromatic Color

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

#fb1f22
```
#fb1f22 rgb(251,31,34)
```
#fb2e1f
```
#fb2e1f rgb(251,46,31)
```
#fb411f
```
#fb411f rgb(251,65,31)
```
#fb531f
```
#fb531f rgb(251,83,31)
```
#fb651f
```
#fb651f rgb(251,101,31)
```
#fb781f
```
#fb781f rgb(251,120,31)
```
#fb8a1f
```
#fb8a1f rgb(251,138,31)
```

Similar Colors

Text with hexadecimal color #fb531f

This text has a font color of #fb531f.

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

#fb531f background color

This paragraph has a background color of #fb531f.

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

#fb531f border color

This element has a border color of #fb531f.

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

CSS codes

.text {color:#fb531f;}

.background {background-color:#fb531f;}

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

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

#070200
```
#070200 rgb(7,2,0)
```
#1b0700
```
#1b0700 rgb(27,7,0)
```
#2e0b01
```
#2e0b01 rgb(46,11,1)
```
#411001
```
#411001 rgb(65,16,1)
```
#541502
```
#541502 rgb(84,21,2)
```
#681a02
```
#681a02 rgb(104,26,2)
```
#7b1f02
```
#7b1f02 rgb(123,31,2)
```
#8e2403
```
#8e2403 rgb(142,36,3)
```
#a12803
```
#a12803 rgb(161,40,3)
```
#b52d03
```
#b52d03 rgb(181,45,3)
```
#c83204
```
#c83204 rgb(200,50,4)
```
#db3704
```
#db3704 rgb(219,55,4)
```
#ef3c04
```
#ef3c04 rgb(239,60,4)
```

Shade Color Variation

#fb440c
```
#fb440c rgb(251,68,12)
```
#fb531f
```
#fb531f rgb(251,83,31)
```
#fb6232
```
#fb6232 rgb(251,98,50)
```
#fc7146
```
#fc7146 rgb(252,113,70)
```
#fc7f59
```
#fc7f59 rgb(252,127,89)
```
#fc8e6c
```
#fc8e6c rgb(252,142,108)
```
#fd9d7f
```
#fd9d7f rgb(253,157,127)
```
#fdac93
```
#fdac93 rgb(253,172,147)
```
#fdbba6
```
#fdbba6 rgb(253,187,166)
```
#fec9b9
```
#fec9b9 rgb(254,201,185)
```
#fed8cc
```
#fed8cc rgb(254,216,204)
```
#fee7e0
```
#fee7e0 rgb(254,231,224)
```
#fff6f3
```
#fff6f3 rgb(255,246,243)
```

Tint Color Variation

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

#928a88
```
#928a88 rgb(146,138,136)
```
#9b867f
```
#9b867f rgb(155,134,127)
```
#a38177
```
#a38177 rgb(163,129,119)
```
#ac7d6e
```
#ac7d6e rgb(172,125,110)
```
#b57865
```
#b57865 rgb(181,120,101)
```
#be735c
```
#be735c rgb(190,115,92)
```
#c66f54
```
#c66f54 rgb(198,111,84)
```
#cf6a4b
```
#cf6a4b rgb(207,106,75)
```
#d86542
```
#d86542 rgb(216,101,66)
```
#e16139
```
#e16139 rgb(225,97,57)
```
#e95c31
```
#e95c31 rgb(233,92,49)
```
#f25828
```
#f25828 rgb(242,88,40)
```
#fb531f
```
#fb531f rgb(251,83,31)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#98766c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39338 Protanopia 1% of men
#b88c00 Deuteranopia 1% of men
#fc565b Tritanopia 0.001% of the population

Trichromacy

#c37c2f Protanomaly 1% of men, 0.01% of women
#d0770b Deuteranomaly 6% of men, 0.4% of women
#fb5545 Tritanomaly 0.01% of the population

#fb531f hex color

#fb531f Color Information

#fb531f Color Conversion

Color Schemes with #fb531f

Alternatives to #fb531f

#fb531f Preview

Shades and Tints of #fb531f

Tones of #fb531f

Color Blindness Simulator