#ffa580 hex color

In a RGB color space, hex #ffa580 is composed of 100% red, 64.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 49.8% yellow and 0% black. It has a hue angle of 17.5 degrees, a saturation of 100% and a lightness of 75.1%. #ffa580 color hex could be obtained by blending #ffffff with #ff4b01. Closest websafe color is: #ff9999.

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

● #ffa580 color description : Very light orange.

The hexadecimal color #ffa580 has RGB values of R:255, G:165, B:128 and CMYK values of C:0, M:0.35, Y:0.5, K:0. Its decimal value is 16754048.

Hex triplet	ffa580	`#ffa580`
RGB Decimal	255, 165, 128	`rgb(255,165,128)`
RGB Percent	100, 64.7, 50.2	`rgb(100%,64.7%,50.2%)`
CMYK	0, 35, 50, 0
HSL	17.5°, 100, 75.1	`hsl(17.5,100%,75.1%)`
HSV (or HSB)	17.5°, 49.8, 100
Web Safe	ff9999	`#ff9999`

CIE-LAB	75.905, 29.396, 32.908
XYZ	58.592, 49.732, 26.934
xyY	0.433, 0.368, 49.732
CIE-LCH	75.905, 44.125, 48.226
CIE-LUV	75.905, 65.984, 36.707
Hunter-Lab	70.521, 24.894, 26.72
Binary	11111111, 10100101, 10000000

#ffa580
```
#ffa580 rgb(255,165,128)
```
#80daff
```
#80daff rgb(128,218,255)
```

Complementary Color

#ff809b
```
#ff809b rgb(255,128,155)
```
#ffa580
```
#ffa580 rgb(255,165,128)
```
#ffe580
```
#ffe580 rgb(255,229,128)
```

Analogous Color

#809bff
```
#809bff rgb(128,155,255)
```
#ffa580
```
#ffa580 rgb(255,165,128)
```
#80ffe5
```
#80ffe5 rgb(128,255,229)
```

Split Complementary Color

#a580ff
```
#a580ff rgb(165,128,255)
```
#ffa580
```
#ffa580 rgb(255,165,128)
```
#80ffa5
```
#80ffa5 rgb(128,255,165)
```

Triadic Color

#ff80da
```
#ff80da rgb(255,128,218)
```
#ffa580
```
#ffa580 rgb(255,165,128)
```
#80ffa5
```
#80ffa5 rgb(128,255,165)
```
#80daff
```
#80daff rgb(128,218,255)
```

Tetradic Color

#ff6f34
```
#ff6f34 rgb(255,111,52)
```
#ff814d
```
#ff814d rgb(255,129,77)
```
#ff9367
```
#ff9367 rgb(255,147,103)
```
#ffa580
```
#ffa580 rgb(255,165,128)
```
#ffb79a
```
#ffb79a rgb(255,183,154)
```
#ffc9b3
```
#ffc9b3 rgb(255,201,179)
```
#ffdbcd
```
#ffdbcd rgb(255,219,205)
```

Monochromatic Color

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

#ff8580
```
#ff8580 rgb(255,133,128)
```
#ff9080
```
#ff9080 rgb(255,144,128)
```
#ff9a80
```
#ff9a80 rgb(255,154,128)
```
#ffa580
```
#ffa580 rgb(255,165,128)
```
#ffb080
```
#ffb080 rgb(255,176,128)
```
#ffba80
```
#ffba80 rgb(255,186,128)
```
#ffc580
```
#ffc580 rgb(255,197,128)
```

Similar Colors

Text with hexadecimal color #ffa580

This text has a font color of #ffa580.

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

#ffa580 background color

This paragraph has a background color of #ffa580.

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

#ffa580 border color

This element has a border color of #ffa580.

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

CSS codes

.text {color:#ffa580;}

.background {background-color:#ffa580;}

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

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

#0a0300
```
#0a0300 rgb(10,3,0)
```
#1e0900
```
#1e0900 rgb(30,9,0)
```
#320e00
```
#320e00 rgb(50,14,0)
```
#451400
```
#451400 rgb(69,20,0)
```
#591a00
```
#591a00 rgb(89,26,0)
```
#6c2000
```
#6c2000 rgb(108,32,0)
```
#802500
```
#802500 rgb(128,37,0)
```
#942b00
```
#942b00 rgb(148,43,0)
```
#a73100
```
#a73100 rgb(167,49,0)
```
#bb3600
```
#bb3600 rgb(187,54,0)
```
#ce3c00
```
#ce3c00 rgb(206,60,0)
```
#e24200
```
#e24200 rgb(226,66,0)
```
#f64800
```
#f64800 rgb(246,72,0)
```

Shade Color Variation

#ff520a
```
#ff520a rgb(255,82,10)
```
#ff5f1e
```
#ff5f1e rgb(255,95,30)
```
#ff6d32
```
#ff6d32 rgb(255,109,50)
```
#ff7b45
```
#ff7b45 rgb(255,123,69)
```
#ff8959
```
#ff8959 rgb(255,137,89)
```
#ff976c
```
#ff976c rgb(255,151,108)
```
#ffa580
```
#ffa580 rgb(255,165,128)
```
#ffb394
```
#ffb394 rgb(255,179,148)
```
#ffc1a7
```
#ffc1a7 rgb(255,193,167)
```
#ffcfbb
```
#ffcfbb rgb(255,207,187)
```
#ffddce
```
#ffddce rgb(255,221,206)
```
#ffebe2
```
#ffebe2 rgb(255,235,226)
```
#fff8f6
```
#fff8f6 rgb(255,248,246)
```

Tint Color Variation

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

#c4bdbb
```
#c4bdbb rgb(196,189,187)
```
#c9bbb6
```
#c9bbb6 rgb(201,187,182)
```
#ceb9b1
```
#ceb9b1 rgb(206,185,177)
```
#d3b7ac
```
#d3b7ac rgb(211,183,172)
```
#d8b5a7
```
#d8b5a7 rgb(216,181,167)
```
#ddb3a2
```
#ddb3a2 rgb(221,179,162)
```
#e2b19d
```
#e2b19d rgb(226,177,157)
```
#e7af98
```
#e7af98 rgb(231,175,152)
```
#ebad94
```
#ebad94 rgb(235,173,148)
```
#f0ab8f
```
#f0ab8f rgb(240,171,143)
```
#f5a98a
```
#f5a98a rgb(245,169,138)
```
#faa785
```
#faa785 rgb(250,167,133)
```
#ffa580
```
#ffa580 rgb(255,165,128)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c9b7b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccbe8e Protanopia 1% of men
#e2b683 Deuteranopia 1% of men
#ffa5b0 Tritanopia 0.001% of the population

Trichromacy

#deb589 Protanomaly 1% of men, 0.01% of women
#edb081 Deuteranomaly 6% of men, 0.4% of women
#ffa59e Tritanomaly 0.01% of the population

#ffa580 hex color

#ffa580 Color Information

#ffa580 Color Conversion

Color Schemes with #ffa580

Alternatives to #ffa580

#ffa580 Preview

Shades and Tints of #ffa580

Tones of #ffa580

Color Blindness Simulator