#ff5214 hex color

In a RGB color space, hex #ff5214 is composed of 100% red, 32.2% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 67.8% magenta, 92.2% yellow and 0% black. It has a hue angle of 15.8 degrees, a saturation of 100% and a lightness of 53.9%. #ff5214 color hex could be obtained by blending #ffa428 with #ff0000. Closest websafe color is: #ff6600.

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

● #ff5214 color description : Vivid orange.

The hexadecimal color #ff5214 has RGB values of R:255, G:82, B:20 and CMYK values of C:0, M:0.68, Y:0.92, K:0. Its decimal value is 16732692.

Hex triplet	ff5214	`#ff5214`
RGB Decimal	255, 82, 20	`rgb(255,82,20)`
RGB Percent	100, 32.2, 7.8	`rgb(100%,32.2%,7.8%)`
CMYK	0, 68, 92, 0
HSL	15.8°, 100, 53.9	`hsl(15.8,100%,53.9%)`
HSV (or HSB)	15.8°, 92.2, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	59.297, 63.36, 65.609
XYZ	44.386, 27.35, 3.604
xyY	0.589, 0.363, 27.35
CIE-LCH	59.297, 91.208, 45.999
CIE-LUV	59.297, 141.532, 46.645
Hunter-Lab	52.298, 59.975, 32.523
Binary	11111111, 01010010, 00010100

#ff5214
```
#ff5214 rgb(255,82,20)
```
#14c1ff
```
#14c1ff rgb(20,193,255)
```

Complementary Color

#ff144c
```
#ff144c rgb(255,20,76)
```
#ff5214
```
#ff5214 rgb(255,82,20)
```
#ffc814
```
#ffc814 rgb(255,200,20)
```

Analogous Color

#144cff
```
#144cff rgb(20,76,255)
```
#ff5214
```
#ff5214 rgb(255,82,20)
```
#14ffc8
```
#14ffc8 rgb(20,255,200)
```

Split Complementary Color

#5214ff
```
#5214ff rgb(82,20,255)
```
#ff5214
```
#ff5214 rgb(255,82,20)
```
#14ff52
```
#14ff52 rgb(20,255,82)
```

Triadic Color

#ff14c1
```
#ff14c1 rgb(255,20,193)
```
#ff5214
```
#ff5214 rgb(255,82,20)
```
#14ff52
```
#14ff52 rgb(20,255,82)
```
#14c1ff
```
#14c1ff rgb(20,193,255)
```

Tetradic Color

#c73400
```
#c73400 rgb(199,52,0)
```
#e03b00
```
#e03b00 rgb(224,59,0)
```
#fa4200
```
#fa4200 rgb(250,66,0)
```
#ff5214
```
#ff5214 rgb(255,82,20)
```
#ff652e
```
#ff652e rgb(255,101,46)
```
#ff7847
```
#ff7847 rgb(255,120,71)
```
#ff8a61
```
#ff8a61 rgb(255,138,97)
```

Monochromatic Color

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

#ff1714
```
#ff1714 rgb(255,23,20)
```
#ff2b14
```
#ff2b14 rgb(255,43,20)
```
#ff3e14
```
#ff3e14 rgb(255,62,20)
```
#ff5214
```
#ff5214 rgb(255,82,20)
```
#ff6614
```
#ff6614 rgb(255,102,20)
```
#ff7914
```
#ff7914 rgb(255,121,20)
```
#ff8d14
```
#ff8d14 rgb(255,141,20)
```

Similar Colors

Text with hexadecimal color #ff5214

This text has a font color of #ff5214.

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

#ff5214 background color

This paragraph has a background color of #ff5214.

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

#ff5214 border color

This element has a border color of #ff5214.

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

CSS codes

.text {color:#ff5214;}

.background {background-color:#ff5214;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#140500
```
#140500 rgb(20,5,0)
```
#280a00
```
#280a00 rgb(40,10,0)
```
#3b1000
```
#3b1000 rgb(59,16,0)
```
#4f1500
```
#4f1500 rgb(79,21,0)
```
#621a00
```
#621a00 rgb(98,26,0)
```
#761f00
```
#761f00 rgb(118,31,0)
```
#8a2400
```
#8a2400 rgb(138,36,0)
```
#9d2a00
```
#9d2a00 rgb(157,42,0)
```
#b12f00
```
#b12f00 rgb(177,47,0)
```
#c53400
```
#c53400 rgb(197,52,0)
```
#d83900
```
#d83900 rgb(216,57,0)
```
#ec3e00
```
#ec3e00 rgb(236,62,0)
```

Shade Color Variation

#ff4400
```
#ff4400 rgb(255,68,0)
```
#ff5214
```
#ff5214 rgb(255,82,20)
```
#ff6028
```
#ff6028 rgb(255,96,40)
```
#ff6f3b
```
#ff6f3b rgb(255,111,59)
```
#ff7d4f
```
#ff7d4f rgb(255,125,79)
```
#ff8c62
```
#ff8c62 rgb(255,140,98)
```
#ff9a76
```
#ff9a76 rgb(255,154,118)
```
#ffa98a
```
#ffa98a rgb(255,169,138)
```
#ffb79d
```
#ffb79d rgb(255,183,157)
```
#ffc6b1
```
#ffc6b1 rgb(255,198,177)
```
#ffd4c5
```
#ffd4c5 rgb(255,212,197)
```
#ffe2d8
```
#ffe2d8 rgb(255,226,216)
```
#fff1ec
```
#fff1ec rgb(255,241,236)
```

Tint Color Variation

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

#938580
```
#938580 rgb(147,133,128)
```
#9c8177
```
#9c8177 rgb(156,129,119)
```
#a57d6e
```
#a57d6e rgb(165,125,110)
```
#ae7865
```
#ae7865 rgb(174,120,101)
```
#b7745c
```
#b7745c rgb(183,116,92)
```
#c07053
```
#c07053 rgb(192,112,83)
```
#c96c4a
```
#c96c4a rgb(201,108,74)
```
#d26741
```
#d26741 rgb(210,103,65)
```
#db6338
```
#db6338 rgb(219,99,56)
```
#e45f2f
```
#e45f2f rgb(228,95,47)
```
#ed5b26
```
#ed5b26 rgb(237,91,38)
```
#f6561d
```
#f6561d rgb(246,86,29)
```
#ff5214
```
#ff5214 rgb(255,82,20)
```

Tone Color Variation

Below, you can see how #ff5214 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
#99766a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a5942e Protanopia 1% of men
#b98d00 Deuteranopia 1% of men
#ff575b Tritanopia 0.001% of the population

Trichromacy

#c67c24 Protanomaly 1% of men, 0.01% of women
#d27707 Deuteranomaly 6% of men, 0.4% of women
#ff5541 Tritanomaly 0.01% of the population

#ff5214 hex color

#ff5214 Color Information

#ff5214 Color Conversion

Color Schemes with #ff5214

Alternatives to #ff5214

#ff5214 Preview

Shades and Tints of #ff5214

Tones of #ff5214

Color Blindness Simulator