#faa54d hex color

In a RGB color space, hex #faa54d is composed of 98% red, 64.7% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34% magenta, 69.2% yellow and 2% black. It has a hue angle of 30.5 degrees, a saturation of 94.5% and a lightness of 64.1%. #faa54d color hex could be obtained by blending #ffff9a with #f54b00. Closest websafe color is: #ff9966.

♥
- f
- t
- g
- R 98
- G 65
- B 30
RGB color chart
- C 0
- M 34
- Y 69
- K 2
CMYK color chart

● #faa54d color description : Soft orange.

The hexadecimal color #faa54d has RGB values of R:250, G:165, B:77 and CMYK values of C:0, M:0.34, Y:0.69, K:0.02. Its decimal value is 16426317.

Hex triplet	faa54d	`#faa54d`
RGB Decimal	250, 165, 77	`rgb(250,165,77)`
RGB Percent	98, 64.7, 30.2	`rgb(98%,64.7%,30.2%)`
CMYK	0, 34, 69, 2
HSL	30.5°, 94.5, 64.1	`hsl(30.5,94.5%,64.1%)`
HSV (or HSB)	30.5°, 69.2, 98
Web Safe	ff9966	`#ff9966`

CIE-LAB	74.682, 23.807, 56.9
XYZ	54.22, 47.774, 13.386
xyY	0.47, 0.414, 47.774
CIE-LCH	74.682, 61.679, 67.295
CIE-LUV	74.682, 67.562, 60.036
Hunter-Lab	69.119, 19.067, 36.9
Binary	11111010, 10100101, 01001101

#faa54d
```
#faa54d rgb(250,165,77)
```
#4da2fa
```
#4da2fa rgb(77,162,250)
```

Complementary Color

#fa4e4d
```
#fa4e4d rgb(250,78,77)
```
#faa54d
```
#faa54d rgb(250,165,77)
```
#f9fa4d
```
#f9fa4d rgb(249,250,77)
```

Analogous Color

#4e4dfa
```
#4e4dfa rgb(78,77,250)
```
#faa54d
```
#faa54d rgb(250,165,77)
```
#4df9fa
```
#4df9fa rgb(77,249,250)
```

Split Complementary Color

#a54dfa
```
#a54dfa rgb(165,77,250)
```
#faa54d
```
#faa54d rgb(250,165,77)
```
#4dfaa5
```
#4dfaa5 rgb(77,250,165)
```

Triadic Color

#fa4da2
```
#fa4da2 rgb(250,77,162)
```
#faa54d
```
#faa54d rgb(250,165,77)
```
#4dfaa5
```
#4dfaa5 rgb(77,250,165)
```
#4da2fa
```
#4da2fa rgb(77,162,250)
```

Tetradic Color

#f47f07
```
#f47f07 rgb(244,127,7)
```
#f98c1b
```
#f98c1b rgb(249,140,27)
```
#f99834
```
#f99834 rgb(249,152,52)
```
#faa54d
```
#faa54d rgb(250,165,77)
```
#fbb266
```
#fbb266 rgb(251,178,102)
```
#fbbe7f
```
#fbbe7f rgb(251,190,127)
```
#fccb97
```
#fccb97 rgb(252,203,151)
```

Monochromatic Color

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

#fa7a4d
```
#fa7a4d rgb(250,122,77)
```
#fa884d
```
#fa884d rgb(250,136,77)
```
#fa974d
```
#fa974d rgb(250,151,77)
```
#faa54d
```
#faa54d rgb(250,165,77)
```
#fab34d
```
#fab34d rgb(250,179,77)
```
#fac24d
```
#fac24d rgb(250,194,77)
```
#fad04d
```
#fad04d rgb(250,208,77)
```

Similar Colors

Text with hexadecimal color #faa54d

This text has a font color of #faa54d.

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

#faa54d background color

This paragraph has a background color of #faa54d.

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

#faa54d border color

This element has a border color of #faa54d.

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

CSS codes

.text {color:#faa54d;}

.background {background-color:#faa54d;}

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

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

#0d0700
```
#0d0700 rgb(13,7,0)
```
#201101
```
#201101 rgb(32,17,1)
```
#331b01
```
#331b01 rgb(51,27,1)
```
#462502
```
#462502 rgb(70,37,2)
```
#592f03
```
#592f03 rgb(89,47,3)
```
#6c3903
```
#6c3903 rgb(108,57,3)
```
#7f4204
```
#7f4204 rgb(127,66,4)
```
#924c04
```
#924c04 rgb(146,76,4)
```
#a55605
```
#a55605 rgb(165,86,5)
```
#b96005
```
#b96005 rgb(185,96,5)
```
#cc6a06
```
#cc6a06 rgb(204,106,6)
```
#df7406
```
#df7406 rgb(223,116,6)
```
#f27e07
```
#f27e07 rgb(242,126,7)
```

Shade Color Variation

#f88814
```
#f88814 rgb(248,136,20)
```
#f99227
```
#f99227 rgb(249,146,39)
```
#f99b3a
```
#f99b3a rgb(249,155,58)
```
#faa54d
```
#faa54d rgb(250,165,77)
```
#fbaf60
```
#fbaf60 rgb(251,175,96)
```
#fbb873
```
#fbb873 rgb(251,184,115)
```
#fcc286
```
#fcc286 rgb(252,194,134)
```
#fccc99
```
#fccc99 rgb(252,204,153)
```
#fdd5ac
```
#fdd5ac rgb(253,213,172)
```
#fddfbf
```
#fddfbf rgb(253,223,191)
```
#fee9d3
```
#fee9d3 rgb(254,233,211)
```
#fef2e6
```
#fef2e6 rgb(254,242,230)
```
#fffcf9
```
#fffcf9 rgb(255,252,249)
```

Tint Color Variation

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

#a6a4a1
```
#a6a4a1 rgb(166,164,161)
```
#ada49a
```
#ada49a rgb(173,164,154)
```
#b4a493
```
#b4a493 rgb(180,164,147)
```
#bba48c
```
#bba48c rgb(187,164,140)
```
#c2a485
```
#c2a485 rgb(194,164,133)
```
#c9a47e
```
#c9a47e rgb(201,164,126)
```
#d0a477
```
#d0a477 rgb(208,164,119)
```
#d7a470
```
#d7a470 rgb(215,164,112)
```
#dea569
```
#dea569 rgb(222,165,105)
```
#e5a562
```
#e5a562 rgb(229,165,98)
```
#eca55b
```
#eca55b rgb(236,165,91)
```
#f3a554
```
#f3a554 rgb(243,165,84)
```
#faa54d
```
#faa54d rgb(250,165,77)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#c2b19f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbb5b Protanopia 1% of men
#e6b253 Deuteranopia 1% of men
#ffa1ab Tritanopia 0.001% of the population

Trichromacy

#deb356 Protanomaly 1% of men, 0.01% of women
#edad50 Deuteranomaly 6% of men, 0.4% of women
#fda289 Tritanomaly 0.01% of the population

#faa54d hex color

#faa54d Color Information

#faa54d Color Conversion

Color Schemes with #faa54d

Alternatives to #faa54d

#faa54d Preview

Shades and Tints of #faa54d

Tones of #faa54d

Color Blindness Simulator