colorhexa.com

#fb5f2c hex color

In a RGB color space, hex #fb5f2c is composed of 98.4% red, 37.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 62.2% magenta, 82.5% yellow and 1.6% black. It has a hue angle of 14.8 degrees, a saturation of 96.3% and a lightness of 57.8%. #fb5f2c color hex could be obtained by blending #ffbe58 with #f70000. Closest websafe color is: #ff6633.

- R 98
- G 37
- B 17
RGB color chart
- C 0
- M 62
- Y 82
- K 2
CMYK color chart

● #fb5f2c color description : Bright red.

The hexadecimal color #fb5f2c has RGB values of R:251, G:95, B:44 and CMYK values of C:0, M:0.62, Y:0.82, K:0.02. Its decimal value is 16473900.

Hex triplet	fb5f2c	`#fb5f2c`
RGB Decimal	251, 95, 44	`rgb(251,95,44)`
RGB Percent	98.4, 37.3, 17.3	`rgb(98.4%,37.3%,17.3%)`
CMYK	0, 62, 82, 2
HSL	14.8°, 96.3, 57.8	`hsl(14.8,96.3%,57.8%)`
HSV (or HSB)	14.8°, 82.5, 98.4
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.676, 57.262, 57.722
XYZ	44.332, 28.88, 5.623
xyY	0.562, 0.366, 28.88
CIE-LCH	60.676, 81.306, 45.229
CIE-LUV	60.676, 126.862, 45.27
Hunter-Lab	53.74, 53.205, 31.415
Binary	11111011, 01011111, 00101100

#fb5f2c
```
#fb5f2c rgb(251,95,44)
```
#2cc8fb
```
#2cc8fb rgb(44,200,251)
```

Complementary Color

#fb2c60
```
#fb2c60 rgb(251,44,96)
```
#fb5f2c
```
#fb5f2c rgb(251,95,44)
```
#fbc72c
```
#fbc72c rgb(251,199,44)
```

Analogous Color

#2c60fb
```
#2c60fb rgb(44,96,251)
```
#fb5f2c
```
#fb5f2c rgb(251,95,44)
```
#2cfbc7
```
#2cfbc7 rgb(44,251,199)
```

Split Complementary Color

#5f2cfb
```
#5f2cfb rgb(95,44,251)
```
#fb5f2c
```
#fb5f2c rgb(251,95,44)
```
#2cfb5f
```
#2cfb5f rgb(44,251,95)
```

Triadic Color

#fb2cc8
```
#fb2cc8 rgb(251,44,200)
```
#fb5f2c
```
#fb5f2c rgb(251,95,44)
```
#2cfb5f
```
#2cfb5f rgb(44,251,95)
```
#2cc8fb
```
#2cc8fb rgb(44,200,251)
```

Tetradic Color

#d63804
```
#d63804 rgb(214,56,4)
```
#ef3e05
```
#ef3e05 rgb(239,62,5)
```
#fb4c13
```
#fb4c13 rgb(251,76,19)
```
#fb5f2c
```
#fb5f2c rgb(251,95,44)
```
#fb7245
```
#fb7245 rgb(251,114,69)
```
#fc855e
```
#fc855e rgb(252,133,94)
```
#fc9877
```
#fc9877 rgb(252,152,119)
```

Monochromatic Color

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

#fb2c2d
```
#fb2c2d rgb(251,44,45)
```
#fb3c2c
```
#fb3c2c rgb(251,60,44)
```
#fb4e2c
```
#fb4e2c rgb(251,78,44)
```
#fb5f2c
```
#fb5f2c rgb(251,95,44)
```
#fb702c
```
#fb702c rgb(251,112,44)
```
#fb822c
```
#fb822c rgb(251,130,44)
```
#fb932c
```
#fb932c rgb(251,147,44)
```

Similar Colors

Text with hexadecimal color #fb5f2c

This text has a font color of #fb5f2c.

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

#fb5f2c background color

This paragraph has a background color of #fb5f2c.

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

#fb5f2c border color

This element has a border color of #fb5f2c.

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

CSS codes

.text {color:#fb5f2c;}

.background {background-color:#fb5f2c;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#140500
```
#140500 rgb(20,5,0)
```
#270a01
```
#270a01 rgb(39,10,1)
```
#3b0f01
```
#3b0f01 rgb(59,15,1)
```
#4e1401
```
#4e1401 rgb(78,20,1)
```
#611902
```
#611902 rgb(97,25,2)
```
#741e02
```
#741e02 rgb(116,30,2)
```
#882303
```
#882303 rgb(136,35,3)
```
#9b2803
```
#9b2803 rgb(155,40,3)
```
#ae2d03
```
#ae2d03 rgb(174,45,3)
```
#c13204
```
#c13204 rgb(193,50,4)
```
#d53704
```
#d53704 rgb(213,55,4)
```
#e83c04
```
#e83c04 rgb(232,60,4)
```

Shade Color Variation

#fa4205
```
#fa4205 rgb(250,66,5)
```
#fb5019
```
#fb5019 rgb(251,80,25)
```
#fb5f2c
```
#fb5f2c rgb(251,95,44)
```
#fb6e3f
```
#fb6e3f rgb(251,110,63)
```
#fc7c53
```
#fc7c53 rgb(252,124,83)
```
#fc8b66
```
#fc8b66 rgb(252,139,102)
```
#fc9979
```
#fc9979 rgb(252,153,121)
```
#fda88c
```
#fda88c rgb(253,168,140)
```
#fdb7a0
```
#fdb7a0 rgb(253,183,160)
```
#fec5b3
```
#fec5b3 rgb(254,197,179)
```
#fed4c6
```
#fed4c6 rgb(254,212,198)
```
#fee2d9
```
#fee2d9 rgb(254,226,217)
```
#fff1ed
```
#fff1ed rgb(255,241,237)
```

Tint Color Variation

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

#98918f
```
#98918f rgb(152,145,143)
```
#a08d87
```
#a08d87 rgb(160,141,135)
```
#a8897f
```
#a8897f rgb(168,137,127)
```
#b18576
```
#b18576 rgb(177,133,118)
```
#b9816e
```
#b9816e rgb(185,129,110)
```
#c17c66
```
#c17c66 rgb(193,124,102)
```
#c9785e
```
#c9785e rgb(201,120,94)
```
#d27455
```
#d27455 rgb(210,116,85)
```
#da704d
```
#da704d rgb(218,112,77)
```
#e26c45
```
#e26c45 rgb(226,108,69)
```
#ea673d
```
#ea673d rgb(234,103,61)
```
#f36334
```
#f36334 rgb(243,99,52)
```
#fb5f2c
```
#fb5f2c rgb(251,95,44)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#9f8076 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a89843 Protanopia 1% of men
#bd9026 Deuteranopia 1% of men
#fc6267 Tritanopia 0.001% of the population

Trichromacy

#c6833b Protanomaly 1% of men, 0.01% of women
#d37e28 Deuteranomaly 6% of men, 0.4% of women
#fc6051 Tritanomaly 0.01% of the population