#ffa55f hex color

In a RGB color space, hex #ffa55f is composed of 100% red, 64.7% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 35.3% magenta, 62.7% yellow and 0% black. It has a hue angle of 26.3 degrees, a saturation of 100% and a lightness of 68.6%. #ffa55f color hex could be obtained by blending #ffffbe with #ff4b00. Closest websafe color is: #ff9966.

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

● #ffa55f color description : Light orange.

The hexadecimal color #ffa55f has RGB values of R:255, G:165, B:95 and CMYK values of C:0, M:0.35, Y:0.63, K:0. Its decimal value is 16754015.

Hex triplet	ffa55f	`#ffa55f`
RGB Decimal	255, 165, 95	`rgb(255,165,95)`
RGB Percent	100, 64.7, 37.3	`rgb(100%,64.7%,37.3%)`
CMYK	0, 35, 63, 0
HSL	26.3°, 100, 68.6	`hsl(26.3,100%,68.6%)`
HSV (or HSB)	26.3°, 62.7, 100
Web Safe	ff9966	`#ff9966`

CIE-LAB	75.452, 26.871, 49.362
XYZ	56.762, 49, 17.294
xyY	0.461, 0.398, 49
CIE-LCH	75.452, 56.202, 61.438
CIE-LUV	75.452, 69.922, 53.355
Hunter-Lab	70, 22.242, 34.352
Binary	11111111, 10100101, 01011111

#ffa55f
```
#ffa55f rgb(255,165,95)
```
#5fb9ff
```
#5fb9ff rgb(95,185,255)
```

Complementary Color

#ff5f69
```
#ff5f69 rgb(255,95,105)
```
#ffa55f
```
#ffa55f rgb(255,165,95)
```
#fff55f
```
#fff55f rgb(255,245,95)
```

Analogous Color

#5f69ff
```
#5f69ff rgb(95,105,255)
```
#ffa55f
```
#ffa55f rgb(255,165,95)
```
#5ffff5
```
#5ffff5 rgb(95,255,245)
```

Split Complementary Color

#a55fff
```
#a55fff rgb(165,95,255)
```
#ffa55f
```
#ffa55f rgb(255,165,95)
```
#5fffa5
```
#5fffa5 rgb(95,255,165)
```

Triadic Color

#ff5fb9
```
#ff5fb9 rgb(255,95,185)
```
#ffa55f
```
#ffa55f rgb(255,165,95)
```
#5fffa5
```
#5fffa5 rgb(95,255,165)
```
#5fb9ff
```
#5fb9ff rgb(95,185,255)
```

Tetradic Color

#ff7a13
```
#ff7a13 rgb(255,122,19)
```
#ff882c
```
#ff882c rgb(255,136,44)
```
#ff9746
```
#ff9746 rgb(255,151,70)
```
#ffa55f
```
#ffa55f rgb(255,165,95)
```
#ffb379
```
#ffb379 rgb(255,179,121)
```
#ffc292
```
#ffc292 rgb(255,194,146)
```
#ffd0ac
```
#ffd0ac rgb(255,208,172)
```

Monochromatic Color

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

#ff7d5f
```
#ff7d5f rgb(255,125,95)
```
#ff8a5f
```
#ff8a5f rgb(255,138,95)
```
#ff985f
```
#ff985f rgb(255,152,95)
```
#ffa55f
```
#ffa55f rgb(255,165,95)
```
#ffb25f
```
#ffb25f rgb(255,178,95)
```
#ffc05f
```
#ffc05f rgb(255,192,95)
```
#ffcd5f
```
#ffcd5f rgb(255,205,95)
```

Similar Colors

Text with hexadecimal color #ffa55f

This text has a font color of #ffa55f.

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

#ffa55f background color

This paragraph has a background color of #ffa55f.

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

#ffa55f border color

This element has a border color of #ffa55f.

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

CSS codes

.text {color:#ffa55f;}

.background {background-color:#ffa55f;}

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

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

#110700
```
#110700 rgb(17,7,0)
```
#241000
```
#241000 rgb(36,16,0)
```
#381800
```
#381800 rgb(56,24,0)
```
#4b2100
```
#4b2100 rgb(75,33,0)
```
#5f2a00
```
#5f2a00 rgb(95,42,0)
```
#733200
```
#733200 rgb(115,50,0)
```
#863b00
```
#863b00 rgb(134,59,0)
```
#9a4300
```
#9a4300 rgb(154,67,0)
```
#ad4c00
```
#ad4c00 rgb(173,76,0)
```
#c15400
```
#c15400 rgb(193,84,0)
```
#d55d00
```
#d55d00 rgb(213,93,0)
```
#e86600
```
#e86600 rgb(232,102,0)
```
#fc6e00
```
#fc6e00 rgb(252,110,0)
```

Shade Color Variation

#ff7911
```
#ff7911 rgb(255,121,17)
```
#ff8424
```
#ff8424 rgb(255,132,36)
```
#ff8f38
```
#ff8f38 rgb(255,143,56)
```
#ff9a4b
```
#ff9a4b rgb(255,154,75)
```
#ffa55f
```
#ffa55f rgb(255,165,95)
```
#ffb073
```
#ffb073 rgb(255,176,115)
```
#ffbb86
```
#ffbb86 rgb(255,187,134)
```
#ffc69a
```
#ffc69a rgb(255,198,154)
```
#ffd1ad
```
#ffd1ad rgb(255,209,173)
```
#ffdcc1
```
#ffdcc1 rgb(255,220,193)
```
#ffe7d5
```
#ffe7d5 rgb(255,231,213)
```
#fff2e8
```
#fff2e8 rgb(255,242,232)
```
#fffdfc
```
#fffdfc rgb(255,253,252)
```

Tint Color Variation

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

#b5aea9
```
#b5aea9 rgb(181,174,169)
```
#bbada3
```
#bbada3 rgb(187,173,163)
```
#c1ad9d
```
#c1ad9d rgb(193,173,157)
```
#c8ac96
```
#c8ac96 rgb(200,172,150)
```
#ceab90
```
#ceab90 rgb(206,171,144)
```
#d4aa8a
```
#d4aa8a rgb(212,170,138)
```
#daaa84
```
#daaa84 rgb(218,170,132)
```
#e0a97e
```
#e0a97e rgb(224,169,126)
```
#e6a878
```
#e6a878 rgb(230,168,120)
```
#eda771
```
#eda771 rgb(237,167,113)
```
#f3a76b
```
#f3a76b rgb(243,167,107)
```
#f9a665
```
#f9a665 rgb(249,166,101)
```
#ffa55f
```
#ffa55f rgb(255,165,95)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#c6b4a6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbd6d Protanopia 1% of men
#e7b563 Deuteranopia 1% of men
#ffa4ad Tritanopia 0.001% of the population

Trichromacy

#e0b468 Protanomaly 1% of men, 0.01% of women
#efaf62 Deuteranomaly 6% of men, 0.4% of women
#ffa491 Tritanomaly 0.01% of the population

#ffa55f hex color

#ffa55f Color Information

#ffa55f Color Conversion

Color Schemes with #ffa55f

Alternatives to #ffa55f

#ffa55f Preview

Shades and Tints of #ffa55f

Tones of #ffa55f

Color Blindness Simulator