#ff531b hex color

In a RGB color space, hex #ff531b is composed of 100% red, 32.5% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.5% magenta, 89.4% yellow and 0% black. It has a hue angle of 14.7 degrees, a saturation of 100% and a lightness of 55.3%. #ff531b color hex could be obtained by blending #ffa636 with #ff0000. Closest websafe color is: #ff6633.

♥
- f
- t
- g
- R 100
- G 33
- B 11
RGB color chart
- C 0
- M 67
- Y 89
- K 0
CMYK color chart

● #ff531b color description : Vivid red.

The hexadecimal color #ff531b has RGB values of R:255, G:83, B:27 and CMYK values of C:0, M:0.67, Y:0.89, K:0. Its decimal value is 16732955.

Hex triplet	ff531b	`#ff531b`
RGB Decimal	255, 83, 27	`rgb(255,83,27)`
RGB Percent	100, 32.5, 10.6	`rgb(100%,32.5%,10.6%)`
CMYK	0, 67, 89, 0
HSL	14.7°, 100, 55.3	`hsl(14.7,100%,55.3%)`
HSV (or HSB)	14.7°, 89.4, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	59.463, 63.076, 63.589
XYZ	44.533, 27.531, 4.006
xyY	0.585, 0.362, 27.531
CIE-LCH	59.463, 89.567, 45.232
CIE-LUV	59.463, 140.347, 45.914
Hunter-Lab	52.47, 59.678, 32.202
Binary	11111111, 01010011, 00011011

#ff531b
```
#ff531b rgb(255,83,27)
```
#1bc7ff
```
#1bc7ff rgb(27,199,255)
```

Complementary Color

#ff1b55
```
#ff1b55 rgb(255,27,85)
```
#ff531b
```
#ff531b rgb(255,83,27)
```
#ffc51b
```
#ffc51b rgb(255,197,27)
```

Analogous Color

#1b55ff
```
#1b55ff rgb(27,85,255)
```
#ff531b
```
#ff531b rgb(255,83,27)
```
#1bffc5
```
#1bffc5 rgb(27,255,197)
```

Split Complementary Color

#531bff
```
#531bff rgb(83,27,255)
```
#ff531b
```
#ff531b rgb(255,83,27)
```
#1bff53
```
#1bff53 rgb(27,255,83)
```

Triadic Color

#ff1bc7
```
#ff1bc7 rgb(255,27,199)
```
#ff531b
```
#ff531b rgb(255,83,27)
```
#1bff53
```
#1bff53 rgb(27,255,83)
```
#1bc7ff
```
#1bc7ff rgb(27,199,255)
```

Tetradic Color

#ce3200
```
#ce3200 rgb(206,50,0)
```
#e73900
```
#e73900 rgb(231,57,0)
```
#ff4001
```
#ff4001 rgb(255,64,1)
```
#ff531b
```
#ff531b rgb(255,83,27)
```
#ff6635
```
#ff6635 rgb(255,102,53)
```
#ff794e
```
#ff794e rgb(255,121,78)
```
#ff8d68
```
#ff8d68 rgb(255,141,104)
```

Monochromatic Color

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

#ff1b1c
```
#ff1b1c rgb(255,27,28)
```
#ff2d1b
```
#ff2d1b rgb(255,45,27)
```
#ff401b
```
#ff401b rgb(255,64,27)
```
#ff531b
```
#ff531b rgb(255,83,27)
```
#ff661b
```
#ff661b rgb(255,102,27)
```
#ff791b
```
#ff791b rgb(255,121,27)
```
#ff8c1b
```
#ff8c1b rgb(255,140,27)
```

Similar Colors

Text with hexadecimal color #ff531b

This text has a font color of #ff531b.

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

#ff531b background color

This paragraph has a background color of #ff531b.

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

#ff531b border color

This element has a border color of #ff531b.

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

CSS codes

.text {color:#ff531b;}

.background {background-color:#ff531b;}

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

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)
```
#2f0b00
```
#2f0b00 rgb(47,11,0)
```
#421000
```
#421000 rgb(66,16,0)
```
#561500
```
#561500 rgb(86,21,0)
```
#691a00
```
#691a00 rgb(105,26,0)
```
#7d1f00
```
#7d1f00 rgb(125,31,0)
```
#912400
```
#912400 rgb(145,36,0)
```
#a42800
```
#a42800 rgb(164,40,0)
```
#b82d00
```
#b82d00 rgb(184,45,0)
```
#cc3200
```
#cc3200 rgb(204,50,0)
```
#df3700
```
#df3700 rgb(223,55,0)
```
#f33c00
```
#f33c00 rgb(243,60,0)
```

Shade Color Variation

#ff4407
```
#ff4407 rgb(255,68,7)
```
#ff531b
```
#ff531b rgb(255,83,27)
```
#ff622f
```
#ff622f rgb(255,98,47)
```
#ff7142
```
#ff7142 rgb(255,113,66)
```
#ff7f56
```
#ff7f56 rgb(255,127,86)
```
#ff8e69
```
#ff8e69 rgb(255,142,105)
```
#ff9d7d
```
#ff9d7d rgb(255,157,125)
```
#ffac91
```
#ffac91 rgb(255,172,145)
```
#ffbba4
```
#ffbba4 rgb(255,187,164)
```
#ffc9b8
```
#ffc9b8 rgb(255,201,184)
```
#ffd8cc
```
#ffd8cc rgb(255,216,204)
```
#ffe7df
```
#ffe7df rgb(255,231,223)
```
#fff6f3
```
#fff6f3 rgb(255,246,243)
```

Tint Color Variation

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

#968984
```
#968984 rgb(150,137,132)
```
#9f847b
```
#9f847b rgb(159,132,123)
```
#a78073
```
#a78073 rgb(167,128,115)
```
#b07b6a
```
#b07b6a rgb(176,123,106)
```
#b97761
```
#b97761 rgb(185,119,97)
```
#c27258
```
#c27258 rgb(194,114,88)
```
#ca6e50
```
#ca6e50 rgb(202,110,80)
```
#d36947
```
#d36947 rgb(211,105,71)
```
#dc653e
```
#dc653e rgb(220,101,62)
```
#e56035
```
#e56035 rgb(229,96,53)
```
#ed5c2d
```
#ed5c2d rgb(237,92,45)
```
#f65724
```
#f65724 rgb(246,87,36)
```
#ff531b
```
#ff531b rgb(255,83,27)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#99776c Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69534 Protanopia 1% of men
#ba8d00 Deuteranopia 1% of men
#ff585c Tritanopia 0.001% of the population

Trichromacy

#c67d2b Protanomaly 1% of men, 0.01% of women
#d37809 Deuteranomaly 6% of men, 0.4% of women
#ff5644 Tritanomaly 0.01% of the population

#ff531b hex color

#ff531b Color Information

#ff531b Color Conversion

Color Schemes with #ff531b

Alternatives to #ff531b

#ff531b Preview

Shades and Tints of #ff531b

Tones of #ff531b

Color Blindness Simulator