#faff56 Color Information
In a RGB color space, hex #faff56 is composed of 98% red, 100% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 0% magenta, 66.3% yellow and 0% black. It has a hue angle of 61.8 degrees, a saturation of 100% and a lightness of 66.9%. #faff56 color hex could be obtained by blending #ffffac with #f5ff00. Closest websafe color is: #ffff66.
-
- R 98
- G 100
- B 34
-
- C 2
- M 0
- Y 66
- K 0
● #faff56 color description : Light yellow.
#faff56 Color Conversion
The hexadecimal color #faff56 has RGB values of R:250, G:255, B:86 and CMYK values of C:0.02, M:0, Y:0.66, K:0. Its decimal value is 16449366.
Hex triplet | faff56 | #faff56 |
---|---|---|
RGB Decimal | 250, 255, 86 | rgb(250,255,86) |
RGB Percent | 98, 100, 33.7 | rgb(98%,100%,33.7%) |
CMYK | 2, 0, 66, 0 | |
HSL | 61.8°, 100, 66.9 | hsl(61.8,100%,66.9%) |
HSV (or HSB) | 61.8°, 66.3, 100 | |
Web Safe | ffff66 | #ffff66 |
CIE-LAB | 97.031, -21.369, 76.443 |
---|---|
XYZ | 76.864, 92.517, 22.612 |
xyY | 0.4, 0.482, 92.517 |
CIE-LCH | 97.031, 79.374, 105.618 |
CIE-LUV | 97.031, 3.519, 94.617 |
Hunter-Lab | 96.186, -25.682, 53.392 |
Binary | 11111010, 11111111, 01010110 |
Color Schemes with #faff56
Alternatives to #faff56
Below, you can see some colors close to #faff56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faff56 Preview
This text has a font color of #faff56.
<span style="color:#faff56;">Text here</span>
This paragraph has a background color of #faff56.
<p style="background-color:#faff56;">Content here</p>
This element has a border color of #faff56.
<div style="border:1px solid #faff56;">Content here</div>
.text {color:#faff56;}
.background {background-color:#faff56;}
.border {border:1px solid #faff56;}
Shades and Tints of #faff56
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, #070800 is the darkest color, while #fffff3 is the lightest one.
-
#070800
#070800
rgb(7,8,0)
-
#1a1b00
#1a1b00
rgb(26,27,0)
-
#2d2f00
#2d2f00
rgb(45,47,0)
-
#404200
#404200
rgb(64,66,0)
-
#535600
#535600
rgb(83,86,0)
-
#666a00
#666a00
rgb(102,106,0)
-
#7a7d00
#7a7d00
rgb(122,125,0)
-
#8d9100
#8d9100
rgb(141,145,0)
-
#a0a400
#a0a400
rgb(160,164,0)
-
#b3b800
#b3b800
rgb(179,184,0)
-
#c6cc00
#c6cc00
rgb(198,204,0)
-
#d9df00
#d9df00
rgb(217,223,0)
-
#ecf300
#ecf300
rgb(236,243,0)
-
#f8ff08
#f8ff08
rgb(248,255,8)
-
#f8ff1b
#f8ff1b
rgb(248,255,27)
-
#f9ff2f
#f9ff2f
rgb(249,255,47)
-
#f9ff42
#f9ff42
rgb(249,255,66)
-
#faff56
#faff56
rgb(250,255,86)
-
#fbff6a
#fbff6a
rgb(251,255,106)
-
#fbff7d
#fbff7d
rgb(251,255,125)
-
#fcff91
#fcff91
rgb(252,255,145)
-
#fcffa4
#fcffa4
rgb(252,255,164)
-
#fdffb8
#fdffb8
rgb(253,255,184)
-
#fdffcc
#fdffcc
rgb(253,255,204)
-
#feffdf
#feffdf
rgb(254,255,223)
-
#fffff3
#fffff3
rgb(255,255,243)
Tones of #faff56
A tone is produced by adding gray to any pure hue. In this case, #b1b1a4 is the less saturated color, while #faff56 is the most saturated one.
-
#b1b1a4
#b1b1a4
rgb(177,177,164)
-
#b7b89e
#b7b89e
rgb(183,184,158)
-
#bdbe97
#bdbe97
rgb(189,190,151)
-
#c3c591
#c3c591
rgb(195,197,145)
-
#c9cb8a
#c9cb8a
rgb(201,203,138)
-
#cfd284
#cfd284
rgb(207,210,132)
-
#d5d87d
#d5d87d
rgb(213,216,125)
-
#dbdf77
#dbdf77
rgb(219,223,119)
-
#e2e570
#e2e570
rgb(226,229,112)
-
#e8ec6a
#e8ec6a
rgb(232,236,106)
-
#eef263
#eef263
rgb(238,242,99)
-
#f4f95d
#f4f95d
rgb(244,249,93)
-
#faff56
#faff56
rgb(250,255,86)
Color Blindness Simulator
Below, you can see how #faff56 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.