#faad63 Color Information
In a RGB color space, hex #faad63 is composed of 98% red, 67.8% green and 38.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.8% magenta, 60.4% yellow and 2% black. It has a hue angle of 29.4 degrees, a saturation of 93.8% and a lightness of 68.4%. #faad63 color hex could be obtained by blending #ffffc6 with #f55b00. Closest websafe color is: #ff9966.
-
- R 98
- G 68
- B 39
-
- C 0
- M 31
- Y 60
- K 2
● #faad63 color description : Soft orange.
#faad63 Color Conversion
The hexadecimal color #faad63 has RGB values of R:250, G:173, B:99 and CMYK values of C:0, M:0.31, Y:0.6, K:0.02. Its decimal value is 16428387.
Hex triplet | faad63 | #faad63 |
---|---|---|
RGB Decimal | 250, 173, 99 | rgb(250,173,99) |
RGB Percent | 98, 67.8, 38.8 | rgb(98%,67.8%,38.8%) |
CMYK | 0, 31, 60, 2 | |
HSL | 29.4°, 93.8, 68.4 | hsl(29.4,93.8%,68.4%) |
HSV (or HSB) | 29.4°, 60.4, 98 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 76.749, 20.931, 48.765 |
---|---|
XYZ | 56.621, 51.115, 18.688 |
xyY | 0.448, 0.404, 51.115 |
CIE-LCH | 76.749, 53.067, 66.77 |
CIE-LUV | 76.749, 59.564, 54.658 |
Hunter-Lab | 71.495, 16.248, 34.549 |
Binary | 11111010, 10101101, 01100011 |
Color Schemes with #faad63
Alternatives to #faad63
Below, you can see some colors close to #faad63. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faad63 Preview
This text has a font color of #faad63.
<span style="color:#faad63;">Text here</span>
This paragraph has a background color of #faad63.
<p style="background-color:#faad63;">Content here</p>
This element has a border color of #faad63.
<div style="border:1px solid #faad63;">Content here</div>
.text {color:#faad63;}
.background {background-color:#faad63;}
.border {border:1px solid #faad63;}
Shades and Tints of #faad63
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, #0f0800 is the darkest color, while #fffdfb is the lightest one.
-
#0f0800
#0f0800
rgb(15,8,0)
-
#221101
#221101
rgb(34,17,1)
-
#351b02
#351b02
rgb(53,27,2)
-
#482402
#482402
rgb(72,36,2)
-
#5b2e03
#5b2e03
rgb(91,46,3)
-
#6e3804
#6e3804
rgb(110,56,4)
-
#814104
#814104
rgb(129,65,4)
-
#944b05
#944b05
rgb(148,75,5)
-
#a75505
#a75505
rgb(167,85,5)
-
#ba5e06
#ba5e06
rgb(186,94,6)
-
#cd6807
#cd6807
rgb(205,104,7)
-
#e07107
#e07107
rgb(224,113,7)
-
#f37b08
#f37b08
rgb(243,123,8)
-
#f88517
#f88517
rgb(248,133,23)
-
#f88f2a
#f88f2a
rgb(248,143,42)
-
#f9993d
#f9993d
rgb(249,153,61)
-
#f9a350
#f9a350
rgb(249,163,80)
-
#faad63
#faad63
rgb(250,173,99)
-
#fbb776
#fbb776
rgb(251,183,118)
-
#fbc189
#fbc189
rgb(251,193,137)
-
#fccb9c
#fccb9c
rgb(252,203,156)
-
#fcd5af
#fcd5af
rgb(252,213,175)
-
#fddfc2
#fddfc2
rgb(253,223,194)
-
#fee9d5
#fee9d5
rgb(254,233,213)
-
#fef3e8
#fef3e8
rgb(254,243,232)
-
#fffdfb
#fffdfb
rgb(255,253,251)
Tones of #faad63
A tone is produced by adding gray to any pure hue. In this case, #b0aead is the less saturated color, while #faad63 is the most saturated one.
-
#b0aead
#b0aead
rgb(176,174,173)
-
#b6aea7
#b6aea7
rgb(182,174,167)
-
#bcaea1
#bcaea1
rgb(188,174,161)
-
#c2ae9b
#c2ae9b
rgb(194,174,155)
-
#c8ae95
#c8ae95
rgb(200,174,149)
-
#cfae8e
#cfae8e
rgb(207,174,142)
-
#d5ae88
#d5ae88
rgb(213,174,136)
-
#dbae82
#dbae82
rgb(219,174,130)
-
#e1ad7c
#e1ad7c
rgb(225,173,124)
-
#e7ad76
#e7ad76
rgb(231,173,118)
-
#eead6f
#eead6f
rgb(238,173,111)
-
#f4ad69
#f4ad69
rgb(244,173,105)
-
#faad63
#faad63
rgb(250,173,99)
Color Blindness Simulator
Below, you can see how #faad63 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.