#faff02 Color Information
In a RGB color space, hex #faff02 is composed of 98% red, 100% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 0% magenta, 99.2% yellow and 0% black. It has a hue angle of 61.2 degrees, a saturation of 100% and a lightness of 50.4%. #faff02 color hex could be obtained by blending #ffff04 with #f5ff00. Closest websafe color is: #ffff00.
-
- R 98
- G 100
- B 1
-
- C 2
- M 0
- Y 99
- K 0
● #faff02 color description : Vivid yellow.
#faff02 Color Conversion
The hexadecimal color #faff02 has RGB values of R:250, G:255, B:2 and CMYK values of C:0.02, M:0, Y:0.99, K:0. Its decimal value is 16449282.
Hex triplet | faff02 | #faff02 |
---|---|---|
RGB Decimal | 250, 255, 2 | rgb(250,255,2) |
RGB Percent | 98, 100, 0.8 | rgb(98%,100%,0.8%) |
CMYK | 2, 0, 99, 0 | |
HSL | 61.2°, 100, 50.4 | hsl(61.2,100%,50.4%) |
HSV (or HSB) | 61.2°, 99.2, 100 | |
Web Safe | ffff00 | #ffff00 |
CIE-LAB | 96.759, -23.59, 93.888 |
---|---|
XYZ | 75.195, 91.85, 13.825 |
xyY | 0.416, 0.508, 91.85 |
CIE-LCH | 96.759, 96.807, 104.104 |
CIE-LUV | 96.759, 4.316, 106.693 |
Hunter-Lab | 95.838, -27.664, 58.534 |
Binary | 11111010, 11111111, 00000010 |
Color Schemes with #faff02
Alternatives to #faff02
Below, you can see some colors close to #faff02. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faff02 Preview
This text has a font color of #faff02.
<span style="color:#faff02;">Text here</span>
This paragraph has a background color of #faff02.
<p style="background-color:#faff02;">Content here</p>
This element has a border color of #faff02.
<div style="border:1px solid #faff02;">Content here</div>
.text {color:#faff02;}
.background {background-color:#faff02;}
.border {border:1px solid #faff02;}
Shades and Tints of #faff02
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, #020200 is the darkest color, while #ffffed is the lightest one.
-
#020200
#020200
rgb(2,2,0)
-
#151600
#151600
rgb(21,22,0)
-
#282900
#282900
rgb(40,41,0)
-
#3c3d00
#3c3d00
rgb(60,61,0)
-
#4f5000
#4f5000
rgb(79,80,0)
-
#626400
#626400
rgb(98,100,0)
-
#757800
#757800
rgb(117,120,0)
-
#898b00
#898b00
rgb(137,139,0)
-
#9c9f00
#9c9f00
rgb(156,159,0)
-
#afb300
#afb300
rgb(175,179,0)
-
#c2c600
#c2c600
rgb(194,198,0)
-
#d5da00
#d5da00
rgb(213,218,0)
-
#e9ed00
#e9ed00
rgb(233,237,0)
-
#faff02
#faff02
rgb(250,255,2)
-
#faff16
#faff16
rgb(250,255,22)
-
#fbff29
#fbff29
rgb(251,255,41)
-
#fbff3d
#fbff3d
rgb(251,255,61)
-
#fcff50
#fcff50
rgb(252,255,80)
-
#fcff64
#fcff64
rgb(252,255,100)
-
#fcff78
#fcff78
rgb(252,255,120)
-
#fdff8b
#fdff8b
rgb(253,255,139)
-
#fdff9f
#fdff9f
rgb(253,255,159)
-
#fdffb3
#fdffb3
rgb(253,255,179)
-
#feffc6
#feffc6
rgb(254,255,198)
-
#feffda
#feffda
rgb(254,255,218)
-
#ffffed
#ffffed
rgb(255,255,237)
Tones of #faff02
A tone is produced by adding gray to any pure hue. In this case, #8a8a77 is the less saturated color, while #faff02 is the most saturated one.
-
#8a8a77
#8a8a77
rgb(138,138,119)
-
#93946d
#93946d
rgb(147,148,109)
-
#9d9e63
#9d9e63
rgb(157,158,99)
-
#a6a75a
#a6a75a
rgb(166,167,90)
-
#afb150
#afb150
rgb(175,177,80)
-
#b9bb46
#b9bb46
rgb(185,187,70)
-
#c2c53c
#c2c53c
rgb(194,197,60)
-
#cbce33
#cbce33
rgb(203,206,51)
-
#d5d829
#d5d829
rgb(213,216,41)
-
#dee21f
#dee21f
rgb(222,226,31)
-
#e7ec15
#e7ec15
rgb(231,236,21)
-
#f1f50c
#f1f50c
rgb(241,245,12)
-
#faff02
#faff02
rgb(250,255,2)
Color Blindness Simulator
Below, you can see how #faff02 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.