#faad55 Color Information
In a RGB color space, hex #faad55 is composed of 98% red, 67.8% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.8% magenta, 66% yellow and 2% black. It has a hue angle of 32 degrees, a saturation of 94.3% and a lightness of 65.7%. #faad55 color hex could be obtained by blending #ffffaa with #f55b00. Closest websafe color is: #ff9966.
-
- R 98
- G 68
- B 33
-
- C 0
- M 31
- Y 66
- K 2
● #faad55 color description : Soft orange.
#faad55 Color Conversion
The hexadecimal color #faad55 has RGB values of R:250, G:173, B:85 and CMYK values of C:0, M:0.31, Y:0.66, K:0.02. Its decimal value is 16428373.
| Hex triplet | faad55 | #faad55 |
|---|---|---|
| RGB Decimal | 250, 173, 85 | rgb(250,173,85) |
| RGB Percent | 98, 67.8, 33.3 | rgb(98%,67.8%,33.3%) |
| CMYK | 0, 31, 66, 2 | |
| HSL | 32°, 94.3, 65.7 | hsl(32,94.3%,65.7%) |
| HSV (or HSB) | 32°, 66, 98 | |
| Web Safe | ff9966 | #ff9966 |
| CIE-LAB | 76.6, 20.048, 55.31 |
|---|---|
| XYZ | 56.009, 50.87, 15.463 |
| xyY | 0.458, 0.416, 50.87 |
| CIE-LCH | 76.6, 58.832, 70.076 |
| CIE-LUV | 76.6, 60.768, 60.419 |
| Hunter-Lab | 71.324, 15.356, 37.072 |
| Binary | 11111010, 10101101, 01010101 |
Color Schemes with #faad55
Alternatives to #faad55
Below, you can see some colors close to #faad55. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faad55 Preview
This text has a font color of #faad55.
<span style="color:#faad55;">Text here</span>
This paragraph has a background color of #faad55.
<p style="background-color:#faad55;">Content here</p>
This element has a border color of #faad55.
<div style="border:1px solid #faad55;">Content here</div>
.text {color:#faad55;}
.background {background-color:#faad55;}
.border {border:1px solid #faad55;}
Shades and Tints of #faad55
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, #010100 is the darkest color, while #fef7ed is the lightest one.
-
#010100
#010100rgb(1,1,0) -
#150b01
#150b01rgb(21,11,1) -
#281601
#281601rgb(40,22,1) -
#3b2002
#3b2002rgb(59,32,2) -
#4e2b02
#4e2b02rgb(78,43,2) -
#613503
#613503rgb(97,53,3) -
#743f03
#743f03rgb(116,63,3) -
#874a04
#874a04rgb(135,74,4) -
#9a5405
#9a5405rgb(154,84,5) -
#ad5f05
#ad5f05rgb(173,95,5) -
#c06906
#c06906rgb(192,105,6) -
#d37306
#d37306rgb(211,115,6) -
#e67e07
#e67e07rgb(230,126,7)
-
#f88809
#f88809rgb(248,136,9) -
#f8911c
#f8911crgb(248,145,28) -
#f99b2f
#f99b2frgb(249,155,47) -
#f9a442
#f9a442rgb(249,164,66) -
#faad55
#faad55rgb(250,173,85) -
#fbb668
#fbb668rgb(251,182,104) -
#fbbf7b
#fbbf7brgb(251,191,123) -
#fcc98e
#fcc98ergb(252,201,142) -
#fcd2a1
#fcd2a1rgb(252,210,161) -
#fddbb4
#fddbb4rgb(253,219,180) -
#fde4c7
#fde4c7rgb(253,228,199) -
#feedda
#feeddargb(254,237,218) -
#fef7ed
#fef7edrgb(254,247,237)
Tones of #faad55
A tone is produced by adding gray to any pure hue. In this case, #a9a8a6 is the less saturated color, while #faad55 is the most saturated one.
-
#a9a8a6
#a9a8a6rgb(169,168,166) -
#b0a89f
#b0a89frgb(176,168,159) -
#b7a998
#b7a998rgb(183,169,152) -
#bda992
#bda992rgb(189,169,146) -
#c4a98b
#c4a98brgb(196,169,139) -
#cbaa84
#cbaa84rgb(203,170,132) -
#d2aa7d
#d2aa7drgb(210,170,125) -
#d8ab77
#d8ab77rgb(216,171,119) -
#dfab70
#dfab70rgb(223,171,112) -
#e6ac69
#e6ac69rgb(230,172,105) -
#edac62
#edac62rgb(237,172,98) -
#f3ad5c
#f3ad5crgb(243,173,92) -
#faad55
#faad55rgb(250,173,85)
Color Blindness Simulator
Below, you can see how #faad55 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.
