#faaf3f hex color

In a RGB color space, hex #faaf3f is composed of 98% red, 68.6% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30% magenta, 74.8% yellow and 2% black. It has a hue angle of 35.9 degrees, a saturation of 94.9% and a lightness of 61.4%. #faaf3f color hex could be obtained by blending #ffff7e with #f55f00. Closest websafe color is: #ff9933.

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

● #faaf3f color description : Bright orange.

The hexadecimal color #faaf3f has RGB values of R:250, G:175, B:63 and CMYK values of C:0, M:0.3, Y:0.75, K:0.02. Its decimal value is 16428863.

Hex triplet	faaf3f	`#faaf3f`
RGB Decimal	250, 175, 63	`rgb(250,175,63)`
RGB Percent	98, 68.6, 24.7	`rgb(98%,68.6%,24.7%)`
CMYK	0, 30, 75, 2
HSL	35.9°, 94.9, 61.4	`hsl(35.9,94.9%,61.4%)`
HSV (or HSB)	35.9°, 74.8, 98
Web Safe	ff9933	`#ff9933`

CIE-LAB	76.888, 17.918, 65.117
XYZ	55.653, 51.346, 11.682
xyY	0.469, 0.433, 51.346
CIE-LCH	76.888, 67.537, 74.615
CIE-LUV	76.888, 60.714, 68.42
Hunter-Lab	71.656, 13.236, 40.493
Binary	11111010, 10101111, 00111111

#faaf3f
```
#faaf3f rgb(250,175,63)
```
#3f8afa
```
#3f8afa rgb(63,138,250)
```

Complementary Color

#fa523f
```
#fa523f rgb(250,82,63)
```
#faaf3f
```
#faaf3f rgb(250,175,63)
```
#e8fa3f
```
#e8fa3f rgb(232,250,63)
```

Analogous Color

#523ffa
```
#523ffa rgb(82,63,250)
```
#faaf3f
```
#faaf3f rgb(250,175,63)
```
#3fe8fa
```
#3fe8fa rgb(63,232,250)
```

Split Complementary Color

#af3ffa
```
#af3ffa rgb(175,63,250)
```
#faaf3f
```
#faaf3f rgb(250,175,63)
```
#3ffaaf
```
#3ffaaf rgb(63,250,175)
```

Triadic Color

#fa3f8a
```
#fa3f8a rgb(250,63,138)
```
#faaf3f
```
#faaf3f rgb(250,175,63)
```
#3ffaaf
```
#3ffaaf rgb(63,250,175)
```
#3f8afa
```
#3f8afa rgb(63,138,250)
```

Tetradic Color

#e68c06
```
#e68c06 rgb(230,140,6)
```
#f99a0d
```
#f99a0d rgb(249,154,13)
```
#f9a526
```
#f9a526 rgb(249,165,38)
```
#faaf3f
```
#faaf3f rgb(250,175,63)
```
#fbb958
```
#fbb958 rgb(251,185,88)
```
#fbc471
```
#fbc471 rgb(251,196,113)
```
#fcce8a
```
#fcce8a rgb(252,206,138)
```

Monochromatic Color

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

#fa803f
```
#fa803f rgb(250,128,63)
```
#fa903f
```
#fa903f rgb(250,144,63)
```
#fa9f3f
```
#fa9f3f rgb(250,159,63)
```
#faaf3f
```
#faaf3f rgb(250,175,63)
```
#fabf3f
```
#fabf3f rgb(250,191,63)
```
#face3f
```
#face3f rgb(250,206,63)
```
#fade3f
```
#fade3f rgb(250,222,63)
```

Similar Colors

Text with hexadecimal color #faaf3f

This text has a font color of #faaf3f.

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

#faaf3f background color

This paragraph has a background color of #faaf3f.

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

#faaf3f border color

This element has a border color of #faaf3f.

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

CSS codes

.text {color:#faaf3f;}

.background {background-color:#faaf3f;}

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

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, #120b00 is the darkest color, while #fffffe is the lightest one.

#120b00
```
#120b00 rgb(18,11,0)
```
#251701
```
#251701 rgb(37,23,1)
```
#392201
```
#392201 rgb(57,34,1)
```
#4c2e02
```
#4c2e02 rgb(76,46,2)
```
#5f3a02
```
#5f3a02 rgb(95,58,2)
```
#724503
```
#724503 rgb(114,69,3)
```
#855103
```
#855103 rgb(133,81,3)
```
#985d04
```
#985d04 rgb(152,93,4)
```
#ab6804
```
#ab6804 rgb(171,104,4)
```
#be7405
```
#be7405 rgb(190,116,5)
```
#d18005
```
#d18005 rgb(209,128,5)
```
#e58b06
```
#e58b06 rgb(229,139,6)
```
#f89706
```
#f89706 rgb(248,151,6)
```

Shade Color Variation

#f99f19
```
#f99f19 rgb(249,159,25)
```
#faa72c
```
#faa72c rgb(250,167,44)
```
#faaf3f
```
#faaf3f rgb(250,175,63)
```
#fab752
```
#fab752 rgb(250,183,82)
```
#fbbf65
```
#fbbf65 rgb(251,191,101)
```
#fbc778
```
#fbc778 rgb(251,199,120)
```
#fccf8b
```
#fccf8b rgb(252,207,139)
```
#fcd79f
```
#fcd79f rgb(252,215,159)
```
#fddfb2
```
#fddfb2 rgb(253,223,178)
```
#fde7c5
```
#fde7c5 rgb(253,231,197)
```
#feefd8
```
#feefd8 rgb(254,239,216)
```
#fef7eb
```
#fef7eb rgb(254,247,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9f9d9a
```
#9f9d9a rgb(159,157,154)
```
#a79f92
```
#a79f92 rgb(167,159,146)
```
#aea08b
```
#aea08b rgb(174,160,139)
```
#b6a283
```
#b6a283 rgb(182,162,131)
```
#bda37c
```
#bda37c rgb(189,163,124)
```
#c5a574
```
#c5a574 rgb(197,165,116)
```
#cda66c
```
#cda66c rgb(205,166,108)
```
#d4a865
```
#d4a865 rgb(212,168,101)
```
#dca95d
```
#dca95d rgb(220,169,93)
```
#e3ab56
```
#e3ab56 rgb(227,171,86)
```
#ebac4e
```
#ebac4e rgb(235,172,78)
```
#f2ae47
```
#f2ae47 rgb(242,174,71)
```
#faaf3f
```
#faaf3f rgb(250,175,63)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#c6b7a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d6c14c Protanopia 1% of men
#efb846 Deuteranopia 1% of men
#ffa9b4 Tritanopia 0.001% of the population

Trichromacy

#e3ba47 Protanomaly 1% of men, 0.01% of women
#f3b444 Deuteranomaly 6% of men, 0.4% of women
#fdab89 Tritanomaly 0.01% of the population

#faaf3f hex color

#faaf3f Color Information

#faaf3f Color Conversion

Color Schemes with #faaf3f

Alternatives to #faaf3f

#faaf3f Preview

Shades and Tints of #faaf3f

Tones of #faaf3f

Color Blindness Simulator