#faff33 Color Information
In a RGB color space, hex #faff33 is composed of 98% red, 100% green and 20% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 0% magenta, 80% yellow and 0% black. It has a hue angle of 61.5 degrees, a saturation of 100% and a lightness of 60%. #faff33 color hex could be obtained by blending #ffff66 with #f5ff00. Closest websafe color is: #ffff33.
-
- R 98
- G 100
- B 20
-
- C 2
- M 0
- Y 80
- K 0
● #faff33 color description : Vivid yellow.
#faff33 Color Conversion
The hexadecimal color #faff33 has RGB values of R:250, G:255, B:51 and CMYK values of C:0.02, M:0, Y:0.8, K:0. Its decimal value is 16449331.
Hex triplet | faff33 | #faff33 |
---|---|---|
RGB Decimal | 250, 255, 51 | rgb(250,255,51) |
RGB Percent | 98, 100, 20 | rgb(98%,100%,20%) |
CMYK | 2, 0, 80, 0 | |
HSL | 61.5°, 100, 60 | hsl(61.5,100%,60%) |
HSV (or HSB) | 61.5°, 80, 100 | |
Web Safe | ffff33 | #ffff33 |
CIE-LAB | 96.855, -22.804, 87.065 |
---|---|
XYZ | 75.782, 92.084, 16.914 |
xyY | 0.41, 0.498, 92.084 |
CIE-LCH | 96.855, 90.002, 104.677 |
CIE-LUV | 96.855, 4.032, 102.385 |
Hunter-Lab | 95.96, -26.966, 56.722 |
Binary | 11111010, 11111111, 00110011 |
Color Schemes with #faff33
Alternatives to #faff33
Below, you can see some colors close to #faff33. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faff33 Preview
This text has a font color of #faff33.
<span style="color:#faff33;">Text here</span>
This paragraph has a background color of #faff33.
<p style="background-color:#faff33;">Content here</p>
This element has a border color of #faff33.
<div style="border:1px solid #faff33;">Content here</div>
.text {color:#faff33;}
.background {background-color:#faff33;}
.border {border:1px solid #faff33;}
Shades and Tints of #faff33
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, #0b0c00 is the darkest color, while #fffff7 is the lightest one.
-
#0b0c00
#0b0c00
rgb(11,12,0)
-
#1f1f00
#1f1f00
rgb(31,31,0)
-
#323300
#323300
rgb(50,51,0)
-
#454700
#454700
rgb(69,71,0)
-
#585a00
#585a00
rgb(88,90,0)
-
#6b6e00
#6b6e00
rgb(107,110,0)
-
#7e8100
#7e8100
rgb(126,129,0)
-
#919500
#919500
rgb(145,149,0)
-
#a5a900
#a5a900
rgb(165,169,0)
-
#b8bc00
#b8bc00
rgb(184,188,0)
-
#cbd000
#cbd000
rgb(203,208,0)
-
#dee400
#dee400
rgb(222,228,0)
-
#f1f700
#f1f700
rgb(241,247,0)
-
#f9ff0c
#f9ff0c
rgb(249,255,12)
-
#faff1f
#faff1f
rgb(250,255,31)
-
#faff33
#faff33
rgb(250,255,51)
-
#faff47
#faff47
rgb(250,255,71)
-
#fbff5a
#fbff5a
rgb(251,255,90)
-
#fbff6e
#fbff6e
rgb(251,255,110)
-
#fcff81
#fcff81
rgb(252,255,129)
-
#fcff95
#fcff95
rgb(252,255,149)
-
#fdffa9
#fdffa9
rgb(253,255,169)
-
#fdffbc
#fdffbc
rgb(253,255,188)
-
#feffd0
#feffd0
rgb(254,255,208)
-
#feffe4
#feffe4
rgb(254,255,228)
-
#fffff7
#fffff7
rgb(255,255,247)
Tones of #faff33
A tone is produced by adding gray to any pure hue. In this case, #a0a191 is the less saturated color, while #faff33 is the most saturated one.
-
#a0a191
#a0a191
rgb(160,161,145)
-
#a8a989
#a8a989
rgb(168,169,137)
-
#afb181
#afb181
rgb(175,177,129)
-
#b7b87a
#b7b87a
rgb(183,184,122)
-
#bec072
#bec072
rgb(190,192,114)
-
#c6c86a
#c6c86a
rgb(198,200,106)
-
#cdd062
#cdd062
rgb(205,208,98)
-
#d5d85a
#d5d85a
rgb(213,216,90)
-
#dce052
#dce052
rgb(220,224,82)
-
#e4e74b
#e4e74b
rgb(228,231,75)
-
#ebef43
#ebef43
rgb(235,239,67)
-
#f3f73b
#f3f73b
rgb(243,247,59)
-
#faff33
#faff33
rgb(250,255,51)
Color Blindness Simulator
Below, you can see how #faff33 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.