#faa64d hex color

In a RGB color space, hex #faa64d is composed of 98% red, 65.1% green and 30.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.6% magenta, 69.2% yellow and 2% black. It has a hue angle of 30.9 degrees, a saturation of 94.5% and a lightness of 64.1%. #faa64d color hex could be obtained by blending #ffff9a with #f54d00. 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

● #faa64d color description : Soft orange.

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

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

CIE-LAB	74.911, 23.283, 57.144
XYZ	54.401, 48.136, 13.447
xyY	0.469, 0.415, 48.136
CIE-LCH	74.911, 61.706, 67.832
CIE-LUV	74.911, 66.784, 60.443
Hunter-Lab	69.38, 18.548, 37.075
Binary	11111010, 10100110, 01001101

#faa64d
```
#faa64d rgb(250,166,77)
```
#4da1fa
```
#4da1fa rgb(77,161,250)
```

Complementary Color

#fa504d
```
#fa504d rgb(250,80,77)
```
#faa64d
```
#faa64d rgb(250,166,77)
```
#f8fa4d
```
#f8fa4d rgb(248,250,77)
```

Analogous Color

#504dfa
```
#504dfa rgb(80,77,250)
```
#faa64d
```
#faa64d rgb(250,166,77)
```
#4df8fa
```
#4df8fa rgb(77,248,250)
```

Split Complementary Color

#a64dfa
```
#a64dfa rgb(166,77,250)
```
#faa64d
```
#faa64d rgb(250,166,77)
```
#4dfaa6
```
#4dfaa6 rgb(77,250,166)
```

Triadic Color

#fa4da1
```
#fa4da1 rgb(250,77,161)
```
#faa64d
```
#faa64d rgb(250,166,77)
```
#4dfaa6
```
#4dfaa6 rgb(77,250,166)
```
#4da1fa
```
#4da1fa rgb(77,161,250)
```

Tetradic Color

#f48107
```
#f48107 rgb(244,129,7)
```
#f98d1b
```
#f98d1b rgb(249,141,27)
```
#f99a34
```
#f99a34 rgb(249,154,52)
```
#faa64d
```
#faa64d rgb(250,166,77)
```
#fbb266
```
#fbb266 rgb(251,178,102)
```
#fbbf7f
```
#fbbf7f rgb(251,191,127)
```
#fccb97
```
#fccb97 rgb(252,203,151)
```

Monochromatic Color

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

#fa7b4d
```
#fa7b4d rgb(250,123,77)
```
#fa894d
```
#fa894d rgb(250,137,77)
```
#fa984d
```
#fa984d rgb(250,152,77)
```
#faa64d
```
#faa64d rgb(250,166,77)
```
#fab44d
```
#fab44d rgb(250,180,77)
```
#fac34d
```
#fac34d rgb(250,195,77)
```
#fad14d
```
#fad14d rgb(250,209,77)
```

Similar Colors

Text with hexadecimal color #faa64d

This text has a font color of #faa64d.

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

#faa64d background color

This paragraph has a background color of #faa64d.

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

#faa64d border color

This element has a border color of #faa64d.

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

CSS codes

.text {color:#faa64d;}

.background {background-color:#faa64d;}

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

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)
```
#7f4304
```
#7f4304 rgb(127,67,4)
```
#924d04
```
#924d04 rgb(146,77,4)
```
#a55705
```
#a55705 rgb(165,87,5)
```
#b96105
```
#b96105 rgb(185,97,5)
```
#cc6c06
```
#cc6c06 rgb(204,108,6)
```
#df7606
```
#df7606 rgb(223,118,6)
```
#f28007
```
#f28007 rgb(242,128,7)
```

Shade Color Variation

#f88914
```
#f88914 rgb(248,137,20)
```
#f99327
```
#f99327 rgb(249,147,39)
```
#f99c3a
```
#f99c3a rgb(249,156,58)
```
#faa64d
```
#faa64d rgb(250,166,77)
```
#fbb060
```
#fbb060 rgb(251,176,96)
```
#fbb973
```
#fbb973 rgb(251,185,115)
```
#fcc386
```
#fcc386 rgb(252,195,134)
```
#fccc99
```
#fccc99 rgb(252,204,153)
```
#fdd6ac
```
#fdd6ac rgb(253,214,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 #faa64d 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)
```
#c9a57e
```
#c9a57e rgb(201,165,126)
```
#d0a577
```
#d0a577 rgb(208,165,119)
```
#d7a570
```
#d7a570 rgb(215,165,112)
```
#dea569
```
#dea569 rgb(222,165,105)
```
#e5a562
```
#e5a562 rgb(229,165,98)
```
#eca65b
```
#eca65b rgb(236,166,91)
```
#f3a654
```
#f3a654 rgb(243,166,84)
```
#faa64d
```
#faa64d rgb(250,166,77)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#c3b2a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbc5b Protanopia 1% of men
#e7b353 Deuteranopia 1% of men
#ffa1ac Tritanopia 0.001% of the population

Trichromacy

#dfb456 Protanomaly 1% of men, 0.01% of women
#eeae50 Deuteranomaly 6% of men, 0.4% of women
#fda389 Tritanomaly 0.01% of the population

#faa64d hex color

#faa64d Color Information

#faa64d Color Conversion

Color Schemes with #faa64d

Alternatives to #faa64d

#faa64d Preview

Shades and Tints of #faa64d

Tones of #faa64d

Color Blindness Simulator