#faa31f Color Information
In a RGB color space, hex #faa31f is composed of 98% red, 63.9% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.8% magenta, 87.6% yellow and 2% black. It has a hue angle of 36.2 degrees, a saturation of 95.6% and a lightness of 55.1%. #faa31f color hex could be obtained by blending #ffff3e with #f54700. Closest websafe color is: #ff9933.
-
- R 98
- G 64
- B 12
-
- C 0
- M 35
- Y 88
- K 2
● #faa31f color description : Vivid orange.
#faa31f Color Conversion
The hexadecimal color #faa31f has RGB values of R:250, G:163, B:31 and CMYK values of C:0, M:0.35, Y:0.88, K:0.02. Its decimal value is 16425759.
Hex triplet | faa31f | #faa31f |
---|---|---|
RGB Decimal | 250, 163, 31 | rgb(250,163,31) |
RGB Percent | 98, 63.9, 12.2 | rgb(98%,63.9%,12.2%) |
CMYK | 0, 35, 88, 2 | |
HSL | 36.2°, 95.6, 55.1 | hsl(36.2,95.6%,55.1%) |
HSV (or HSB) | 36.2°, 87.6, 98 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.947, 23.247, 73.038 |
---|---|
XYZ | 52.77, 46.621, 7.516 |
xyY | 0.494, 0.436, 46.621 |
CIE-LCH | 73.947, 76.649, 72.345 |
CIE-LUV | 73.947, 71.763, 70.488 |
Hunter-Lab | 68.28, 18.465, 41.269 |
Binary | 11111010, 10100011, 00011111 |
Color Schemes with #faa31f
Alternatives to #faa31f
Below, you can see some colors close to #faa31f. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faa31f Preview
This text has a font color of #faa31f.
<span style="color:#faa31f;">Text here</span>
This paragraph has a background color of #faa31f.
<p style="background-color:#faa31f;">Content here</p>
This element has a border color of #faa31f.
<div style="border:1px solid #faa31f;">Content here</div>
.text {color:#faa31f;}
.background {background-color:#faa31f;}
.border {border:1px solid #faa31f;}
Shades and Tints of #faa31f
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, #060400 is the darkest color, while #fffaf2 is the lightest one.
-
#060400
#060400
rgb(6,4,0)
-
#191001
#191001
rgb(25,16,1)
-
#2d1b01
#2d1b01
rgb(45,27,1)
-
#402701
#402701
rgb(64,39,1)
-
#533302
#533302
rgb(83,51,2)
-
#663e02
#663e02
rgb(102,62,2)
-
#794a03
#794a03
rgb(121,74,3)
-
#8d5603
#8d5603
rgb(141,86,3)
-
#a06204
#a06204
rgb(160,98,4)
-
#b36d04
#b36d04
rgb(179,109,4)
-
#c67904
#c67904
rgb(198,121,4)
-
#d98505
#d98505
rgb(217,133,5)
-
#ec9105
#ec9105
rgb(236,145,5)
-
#fa9b0c
#fa9b0c
rgb(250,155,12)
-
#faa31f
#faa31f
rgb(250,163,31)
-
#faab32
#faab32
rgb(250,171,50)
-
#fbb345
#fbb345
rgb(251,179,69)
-
#fbbb59
#fbbb59
rgb(251,187,89)
-
#fcc36c
#fcc36c
rgb(252,195,108)
-
#fcca7f
#fcca7f
rgb(252,202,127)
-
#fdd292
#fdd292
rgb(253,210,146)
-
#fddaa5
#fddaa5
rgb(253,218,165)
-
#fde2b8
#fde2b8
rgb(253,226,184)
-
#feeacc
#feeacc
rgb(254,234,204)
-
#fef2df
#fef2df
rgb(254,242,223)
-
#fffaf2
#fffaf2
rgb(255,250,242)
Tones of #faa31f
A tone is produced by adding gray to any pure hue. In this case, #908d89 is the less saturated color, while #faa31f is the most saturated one.
-
#908d89
#908d89
rgb(144,141,137)
-
#998f80
#998f80
rgb(153,143,128)
-
#a29177
#a29177
rgb(162,145,119)
-
#ab936e
#ab936e
rgb(171,147,110)
-
#b49565
#b49565
rgb(180,149,101)
-
#bc965d
#bc965d
rgb(188,150,93)
-
#c59854
#c59854
rgb(197,152,84)
-
#ce9a4b
#ce9a4b
rgb(206,154,75)
-
#d79c42
#d79c42
rgb(215,156,66)
-
#e09e39
#e09e39
rgb(224,158,57)
-
#e89f31
#e89f31
rgb(232,159,49)
-
#f1a128
#f1a128
rgb(241,161,40)
-
#faa31f
#faa31f
rgb(250,163,31)
Color Blindness Simulator
Below, you can see how #faa31f 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.