#faff31 Color Information
In a RGB color space, hex #faff31 is composed of 98% red, 100% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 0% magenta, 80.8% yellow and 0% black. It has a hue angle of 61.5 degrees, a saturation of 100% and a lightness of 59.6%. #faff31 color hex could be obtained by blending #ffff62 with #f5ff00. Closest websafe color is: #ffff33.
-
- R 98
- G 100
- B 19
-
- C 2
- M 0
- Y 81
- K 0
● #faff31 color description : Vivid yellow.
#faff31 Color Conversion
The hexadecimal color #faff31 has RGB values of R:250, G:255, B:49 and CMYK values of C:0.02, M:0, Y:0.81, K:0. Its decimal value is 16449329.
Hex triplet | faff31 | #faff31 |
---|---|---|
RGB Decimal | 250, 255, 49 | rgb(250,255,49) |
RGB Percent | 98, 100, 19.2 | rgb(98%,100%,19.2%) |
CMYK | 2, 0, 81, 0 | |
HSL | 61.5°, 100, 59.6 | hsl(61.5,100%,59.6%) |
HSV (or HSB) | 61.5°, 80.8, 100 | |
Web Safe | ffff33 | #ffff33 |
CIE-LAB | 96.848, -22.862, 87.536 |
---|---|
XYZ | 75.739, 92.067, 16.687 |
xyY | 0.411, 0.499, 92.067 |
CIE-LCH | 96.848, 90.473, 104.637 |
CIE-LUV | 96.848, 4.052, 102.7 |
Hunter-Lab | 95.951, -27.017, 56.855 |
Binary | 11111010, 11111111, 00110001 |
Color Schemes with #faff31
Alternatives to #faff31
Below, you can see some colors close to #faff31. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faff31 Preview
This text has a font color of #faff31.
<span style="color:#faff31;">Text here</span>
This paragraph has a background color of #faff31.
<p style="background-color:#faff31;">Content here</p>
This element has a border color of #faff31.
<div style="border:1px solid #faff31;">Content here</div>
.text {color:#faff31;}
.background {background-color:#faff31;}
.border {border:1px solid #faff31;}
Shades and Tints of #faff31
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, #0a0a00 is the darkest color, while #fffff5 is the lightest one.
-
#0a0a00
#0a0a00
rgb(10,10,0)
-
#1d1d00
#1d1d00
rgb(29,29,0)
-
#303100
#303100
rgb(48,49,0)
-
#434500
#434500
rgb(67,69,0)
-
#565800
#565800
rgb(86,88,0)
-
#696c00
#696c00
rgb(105,108,0)
-
#7c7f00
#7c7f00
rgb(124,127,0)
-
#909300
#909300
rgb(144,147,0)
-
#a3a700
#a3a700
rgb(163,167,0)
-
#b6ba00
#b6ba00
rgb(182,186,0)
-
#c9ce00
#c9ce00
rgb(201,206,0)
-
#dce200
#dce200
rgb(220,226,0)
-
#eff500
#eff500
rgb(239,245,0)
-
#f9ff0a
#f9ff0a
rgb(249,255,10)
-
#faff1d
#faff1d
rgb(250,255,29)
-
#faff31
#faff31
rgb(250,255,49)
-
#faff45
#faff45
rgb(250,255,69)
-
#fbff58
#fbff58
rgb(251,255,88)
-
#fbff6c
#fbff6c
rgb(251,255,108)
-
#fcff7f
#fcff7f
rgb(252,255,127)
-
#fcff93
#fcff93
rgb(252,255,147)
-
#fdffa7
#fdffa7
rgb(253,255,167)
-
#fdffba
#fdffba
rgb(253,255,186)
-
#feffce
#feffce
rgb(254,255,206)
-
#feffe2
#feffe2
rgb(254,255,226)
-
#fffff5
#fffff5
rgb(255,255,245)
Tones of #faff31
A tone is produced by adding gray to any pure hue. In this case, #a0a090 is the less saturated color, while #faff31 is the most saturated one.
-
#a0a090
#a0a090
rgb(160,160,144)
-
#a7a888
#a7a888
rgb(167,168,136)
-
#afb080
#afb080
rgb(175,176,128)
-
#b6b878
#b6b878
rgb(182,184,120)
-
#bec070
#bec070
rgb(190,192,112)
-
#c5c868
#c5c868
rgb(197,200,104)
-
#cdcf61
#cdcf61
rgb(205,207,97)
-
#d4d759
#d4d759
rgb(212,215,89)
-
#dcdf51
#dcdf51
rgb(220,223,81)
-
#e3e749
#e3e749
rgb(227,231,73)
-
#ebef41
#ebef41
rgb(235,239,65)
-
#f2f739
#f2f739
rgb(242,247,57)
-
#faff31
#faff31
rgb(250,255,49)
Color Blindness Simulator
Below, you can see how #faff31 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.