#ff5a0b hex color

In a RGB color space, hex #ff5a0b is composed of 100% red, 35.3% green and 4.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.7% magenta, 95.7% yellow and 0% black. It has a hue angle of 19.4 degrees, a saturation of 100% and a lightness of 52.2%. #ff5a0b color hex could be obtained by blending #ffb416 with #ff0000. Closest websafe color is: #ff6600.

♥
- f
- t
- g
- R 100
- G 35
- B 4
RGB color chart
- C 0
- M 65
- Y 96
- K 0
CMYK color chart

● #ff5a0b color description : Vivid orange.

The hexadecimal color #ff5a0b has RGB values of R:255, G:90, B:11 and CMYK values of C:0, M:0.65, Y:0.96, K:0. Its decimal value is 16734731.

Hex triplet	ff5a0b	`#ff5a0b`
RGB Decimal	255, 90, 11	`rgb(255,90,11)`
RGB Percent	100, 35.3, 4.3	`rgb(100%,35.3%,4.3%)`
CMYK	0, 65, 96, 0
HSL	19.4°, 100, 52.2	`hsl(19.4,100%,52.2%)`
HSV (or HSB)	19.4°, 95.7, 100
Web Safe	ff6600	`#ff6600`

CIE-LAB	60.428, 60.146, 68.364
XYZ	44.959, 28.602, 3.47
xyY	0.584, 0.371, 28.602
CIE-LCH	60.428, 91.056, 48.659
CIE-LUV	60.428, 136.232, 49.554
Hunter-Lab	53.481, 56.466, 33.589
Binary	11111111, 01011010, 00001011

#ff5a0b
```
#ff5a0b rgb(255,90,11)
```
#0bb0ff
```
#0bb0ff rgb(11,176,255)
```

Complementary Color

#ff0b36
```
#ff0b36 rgb(255,11,54)
```
#ff5a0b
```
#ff5a0b rgb(255,90,11)
```
#ffd40b
```
#ffd40b rgb(255,212,11)
```

Analogous Color

#0b36ff
```
#0b36ff rgb(11,54,255)
```
#ff5a0b
```
#ff5a0b rgb(255,90,11)
```
#0bffd4
```
#0bffd4 rgb(11,255,212)
```

Split Complementary Color

#5a0bff
```
#5a0bff rgb(90,11,255)
```
#ff5a0b
```
#ff5a0b rgb(255,90,11)
```
#0bff5a
```
#0bff5a rgb(11,255,90)
```

Triadic Color

#ff0bb0
```
#ff0bb0 rgb(255,11,176)
```
#ff5a0b
```
#ff5a0b rgb(255,90,11)
```
#0bff5a
```
#0bff5a rgb(11,255,90)
```
#0bb0ff
```
#0bb0ff rgb(11,176,255)
```

Tetradic Color

#be3d00
```
#be3d00 rgb(190,61,0)
```
#d74600
```
#d74600 rgb(215,70,0)
```
#f14e00
```
#f14e00 rgb(241,78,0)
```
#ff5a0b
```
#ff5a0b rgb(255,90,11)
```
#ff6b25
```
#ff6b25 rgb(255,107,37)
```
#ff7c3e
```
#ff7c3e rgb(255,124,62)
```
#ff8e58
```
#ff8e58 rgb(255,142,88)
```

Monochromatic Color

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

#ff1d0b
```
#ff1d0b rgb(255,29,11)
```
#ff310b
```
#ff310b rgb(255,49,11)
```
#ff460b
```
#ff460b rgb(255,70,11)
```
#ff5a0b
```
#ff5a0b rgb(255,90,11)
```
#ff6e0b
```
#ff6e0b rgb(255,110,11)
```
#ff830b
```
#ff830b rgb(255,131,11)
```
#ff970b
```
#ff970b rgb(255,151,11)
```

Similar Colors

Text with hexadecimal color #ff5a0b

This text has a font color of #ff5a0b.

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

#ff5a0b background color

This paragraph has a background color of #ff5a0b.

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

#ff5a0b border color

This element has a border color of #ff5a0b.

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

CSS codes

.text {color:#ff5a0b;}

.background {background-color:#ff5a0b;}

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

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

#0b0400
```
#0b0400 rgb(11,4,0)
```
#1f0a00
```
#1f0a00 rgb(31,10,0)
```
#321000
```
#321000 rgb(50,16,0)
```
#461700
```
#461700 rgb(70,23,0)
```
#591d00
```
#591d00 rgb(89,29,0)
```
#6d2300
```
#6d2300 rgb(109,35,0)
```
#812a00
```
#812a00 rgb(129,42,0)
```
#943000
```
#943000 rgb(148,48,0)
```
#a83600
```
#a83600 rgb(168,54,0)
```
#bc3d00
```
#bc3d00 rgb(188,61,0)
```
#cf4300
```
#cf4300 rgb(207,67,0)
```
#e34900
```
#e34900 rgb(227,73,0)
```
#f65000
```
#f65000 rgb(246,80,0)
```

Shade Color Variation

#ff5a0b
```
#ff5a0b rgb(255,90,11)
```
#ff671f
```
#ff671f rgb(255,103,31)
```
#ff7532
```
#ff7532 rgb(255,117,50)
```
#ff8246
```
#ff8246 rgb(255,130,70)
```
#ff8f59
```
#ff8f59 rgb(255,143,89)
```
#ff9c6d
```
#ff9c6d rgb(255,156,109)
```
#ffaa81
```
#ffaa81 rgb(255,170,129)
```
#ffb794
```
#ffb794 rgb(255,183,148)
```
#ffc4a8
```
#ffc4a8 rgb(255,196,168)
```
#ffd1bc
```
#ffd1bc rgb(255,209,188)
```
#ffdfcf
```
#ffdfcf rgb(255,223,207)
```
#ffece3
```
#ffece3 rgb(255,236,227)
```
#fff9f6
```
#fff9f6 rgb(255,249,246)
```

Tint Color Variation

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

#8e827c
```
#8e827c rgb(142,130,124)
```
#987e72
```
#987e72 rgb(152,126,114)
```
#a17b69
```
#a17b69 rgb(161,123,105)
```
#ab785f
```
#ab785f rgb(171,120,95)
```
#b47456
```
#b47456 rgb(180,116,86)
```
#bd714d
```
#bd714d rgb(189,113,77)
```
#c76e43
```
#c76e43 rgb(199,110,67)
```
#d06b3a
```
#d06b3a rgb(208,107,58)
```
#d96731
```
#d96731 rgb(217,103,49)
```
#e36427
```
#e36427 rgb(227,100,39)
```
#ec611e
```
#ec611e rgb(236,97,30)
```
#f65d14
```
#f65d14 rgb(246,93,20)
```
#ff5a0b
```
#ff5a0b rgb(255,90,11)
```

Tone Color Variation

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

#828282 Achromatopsia 0.005% of the population
#9b7a6a Atypical Achromatopsia 0.001% of the population

Dichromacy

#a99726 Protanopia 1% of men
#bd9000 Deuteranopia 1% of men
#ff5e62 Tritanopia 0.001% of the population

Trichromacy

#c8811c Protanomaly 1% of men, 0.01% of women
#d57c04 Deuteranomaly 6% of men, 0.4% of women
#ff5c42 Tritanomaly 0.01% of the population

#ff5a0b hex color

#ff5a0b Color Information

#ff5a0b Color Conversion

Color Schemes with #ff5a0b

Alternatives to #ff5a0b

#ff5a0b Preview

Shades and Tints of #ff5a0b

Tones of #ff5a0b

Color Blindness Simulator