#ff5a40 hex color

In a RGB color space, hex #ff5a40 is composed of 100% red, 35.3% green and 25.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64.7% magenta, 74.9% yellow and 0% black. It has a hue angle of 8.2 degrees, a saturation of 100% and a lightness of 62.5%. #ff5a40 color hex could be obtained by blending #ffb480 with #ff0000. Closest websafe color is: #ff6633.

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

● #ff5a40 color description : Light red.

The hexadecimal color #ff5a40 has RGB values of R:255, G:90, B:64 and CMYK values of C:0, M:0.65, Y:0.75, K:0. Its decimal value is 16734784.

Hex triplet	ff5a40	`#ff5a40`
RGB Decimal	255, 90, 64	`rgb(255,90,64)`
RGB Percent	100, 35.3, 25.1	`rgb(100%,35.3%,25.1%)`
CMYK	0, 65, 75, 0
HSL	8.2°, 100, 62.5	`hsl(8.2,100%,62.5%)`
HSV (or HSB)	8.2°, 74.9, 100
Web Safe	ff6633	`#ff6633`

CIE-LAB	60.735, 61.305, 48.449
XYZ	45.824, 28.948, 8.025
xyY	0.553, 0.35, 28.948
CIE-LCH	60.735, 78.138, 38.319
CIE-LUV	60.735, 130.876, 38.27
Hunter-Lab	53.803, 57.872, 28.819
Binary	11111111, 01011010, 01000000

#ff5a40
```
#ff5a40 rgb(255,90,64)
```
#40e5ff
```
#40e5ff rgb(64,229,255)
```

Complementary Color

#ff4086
```
#ff4086 rgb(255,64,134)
```
#ff5a40
```
#ff5a40 rgb(255,90,64)
```
#ffba40
```
#ffba40 rgb(255,186,64)
```

Analogous Color

#4086ff
```
#4086ff rgb(64,134,255)
```
#ff5a40
```
#ff5a40 rgb(255,90,64)
```
#40ffba
```
#40ffba rgb(64,255,186)
```

Split Complementary Color

#5a40ff
```
#5a40ff rgb(90,64,255)
```
#ff5a40
```
#ff5a40 rgb(255,90,64)
```
#40ff5a
```
#40ff5a rgb(64,255,90)
```

Triadic Color

#ff40e5
```
#ff40e5 rgb(255,64,229)
```
#ff5a40
```
#ff5a40 rgb(255,90,64)
```
#40ff5a
```
#40ff5a rgb(64,255,90)
```
#40e5ff
```
#40e5ff rgb(64,229,255)
```

Tetradic Color

#f32100
```
#f32100 rgb(243,33,0)
```
#ff2e0d
```
#ff2e0d rgb(255,46,13)
```
#ff4427
```
#ff4427 rgb(255,68,39)
```
#ff5a40
```
#ff5a40 rgb(255,90,64)
```
#ff705a
```
#ff705a rgb(255,112,90)
```
#ff8673
```
#ff8673 rgb(255,134,115)
```
#ff9c8d
```
#ff9c8d rgb(255,156,141)
```

Monochromatic Color

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

#ff4056
```
#ff4056 rgb(255,64,86)
```
#ff4046
```
#ff4046 rgb(255,64,70)
```
#ff4a40
```
#ff4a40 rgb(255,74,64)
```
#ff5a40
```
#ff5a40 rgb(255,90,64)
```
#ff6a40
```
#ff6a40 rgb(255,106,64)
```
#ff7a40
```
#ff7a40 rgb(255,122,64)
```
#ff8a40
```
#ff8a40 rgb(255,138,64)
```

Similar Colors

Text with hexadecimal color #ff5a40

This text has a font color of #ff5a40.

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

#ff5a40 background color

This paragraph has a background color of #ff5a40.

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

#ff5a40 border color

This element has a border color of #ff5a40.

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

CSS codes

.text {color:#ff5a40;}

.background {background-color:#ff5a40;}

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

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

#050100
```
#050100 rgb(5,1,0)
```
#190300
```
#190300 rgb(25,3,0)
```
#2c0600
```
#2c0600 rgb(44,6,0)
```
#400900
```
#400900 rgb(64,9,0)
```
#540b00
```
#540b00 rgb(84,11,0)
```
#670e00
```
#670e00 rgb(103,14,0)
```
#7b1100
```
#7b1100 rgb(123,17,0)
```
#8e1300
```
#8e1300 rgb(142,19,0)
```
#a21600
```
#a21600 rgb(162,22,0)
```
#b61900
```
#b61900 rgb(182,25,0)
```
#c91b00
```
#c91b00 rgb(201,27,0)
```
#dd1e00
```
#dd1e00 rgb(221,30,0)
```
#f12100
```
#f12100 rgb(241,33,0)
```

Shade Color Variation

#ff2705
```
#ff2705 rgb(255,39,5)
```
#ff3819
```
#ff3819 rgb(255,56,25)
```
#ff492c
```
#ff492c rgb(255,73,44)
```
#ff5a40
```
#ff5a40 rgb(255,90,64)
```
#ff6b54
```
#ff6b54 rgb(255,107,84)
```
#ff7c67
```
#ff7c67 rgb(255,124,103)
```
#ff8d7b
```
#ff8d7b rgb(255,141,123)
```
#ff9e8e
```
#ff9e8e rgb(255,158,142)
```
#ffafa2
```
#ffafa2 rgb(255,175,162)
```
#ffc0b6
```
#ffc0b6 rgb(255,192,182)
```
#ffd1c9
```
#ffd1c9 rgb(255,209,201)
```
#ffe2dd
```
#ffe2dd rgb(255,226,221)
```
#fff3f1
```
#fff3f1 rgb(255,243,241)
```

Tint Color Variation

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

#a79a98
```
#a79a98 rgb(167,154,152)
```
#ae9591
```
#ae9591 rgb(174,149,145)
```
#b68f89
```
#b68f89 rgb(182,143,137)
```
#bd8a82
```
#bd8a82 rgb(189,138,130)
```
#c4857b
```
#c4857b rgb(196,133,123)
```
#cc7f73
```
#cc7f73 rgb(204,127,115)
```
#d37a6c
```
#d37a6c rgb(211,122,108)
```
#da7565
```
#da7565 rgb(218,117,101)
```
#e26f5d
```
#e26f5d rgb(226,111,93)
```
#e96a56
```
#e96a56 rgb(233,106,86)
```
#f0654f
```
#f0654f rgb(240,101,79)
```
#f85f47
```
#f85f47 rgb(248,95,71)
```
#ff5a40
```
#ff5a40 rgb(255,90,64)
```

Tone Color Variation

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

Dichromacy

#a69859 Protanopia 1% of men
#bb913d Deuteranopia 1% of men
#ff6065 Tritanopia 0.001% of the population

Trichromacy

#c68150 Protanomaly 1% of men, 0.01% of women
#d47d3e Deuteranomaly 6% of men, 0.4% of women
#ff5d57 Tritanomaly 0.01% of the population

#ff5a40 hex color

#ff5a40 Color Information

#ff5a40 Color Conversion

Color Schemes with #ff5a40

Alternatives to #ff5a40

#ff5a40 Preview

Shades and Tints of #ff5a40

Tones of #ff5a40

Color Blindness Simulator