#faff57 Color Information
In a RGB color space, hex #faff57 is composed of 98% red, 100% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 0% magenta, 65.9% yellow and 0% black. It has a hue angle of 61.8 degrees, a saturation of 100% and a lightness of 67.1%. #faff57 color hex could be obtained by blending #ffffae with #f5ff00. Closest websafe color is: #ffff66.
-
- R 98
- G 100
- B 34
-
- C 2
- M 0
- Y 66
- K 0
● #faff57 color description : Light yellow.
#faff57 Color Conversion
The hexadecimal color #faff57 has RGB values of R:250, G:255, B:87 and CMYK values of C:0.02, M:0, Y:0.66, K:0. Its decimal value is 16449367.
| Hex triplet | faff57 | #faff57 |
|---|---|---|
| RGB Decimal | 250, 255, 87 | rgb(250,255,87) |
| RGB Percent | 98, 100, 34.1 | rgb(98%,100%,34.1%) |
| CMYK | 2, 0, 66, 0 | |
| HSL | 61.8°, 100, 67.1 | hsl(61.8,100%,67.1%) |
| HSV (or HSB) | 61.8°, 65.9, 100 | |
| Web Safe | ffff66 | #ffff66 |
| CIE-LAB | 97.038, -21.316, 76.083 |
|---|---|
| XYZ | 76.904, 92.533, 22.826 |
| xyY | 0.4, 0.481, 92.533 |
| CIE-LCH | 97.038, 79.013, 105.651 |
| CIE-LUV | 97.038, 3.5, 94.33 |
| Hunter-Lab | 96.194, -25.634, 53.267 |
| Binary | 11111010, 11111111, 01010111 |
Color Schemes with #faff57
Alternatives to #faff57
Below, you can see some colors close to #faff57. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faff57 Preview
This text has a font color of #faff57.
<span style="color:#faff57;">Text here</span>
This paragraph has a background color of #faff57.
<p style="background-color:#faff57;">Content here</p>
This element has a border color of #faff57.
<div style="border:1px solid #faff57;">Content here</div>
.text {color:#faff57;}
.background {background-color:#faff57;}
.border {border:1px solid #faff57;}
Shades and Tints of #faff57
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, #080900 is the darkest color, while #fffff4 is the lightest one.
-
#080900
#080900rgb(8,9,0) -
#1b1c00
#1b1c00rgb(27,28,0) -
#2e3000
#2e3000rgb(46,48,0) -
#414300
#414300rgb(65,67,0) -
#545700
#545700rgb(84,87,0) -
#676b00
#676b00rgb(103,107,0) -
#7a7e00
#7a7e00rgb(122,126,0) -
#8e9200
#8e9200rgb(142,146,0) -
#a1a500
#a1a500rgb(161,165,0) -
#b4b900
#b4b900rgb(180,185,0) -
#c7cd00
#c7cd00rgb(199,205,0) -
#dae000
#dae000rgb(218,224,0) -
#edf400
#edf400rgb(237,244,0)
-
#f8ff09
#f8ff09rgb(248,255,9) -
#f8ff1c
#f8ff1crgb(248,255,28) -
#f9ff30
#f9ff30rgb(249,255,48) -
#f9ff43
#f9ff43rgb(249,255,67) -
#faff57
#faff57rgb(250,255,87) -
#fbff6b
#fbff6brgb(251,255,107) -
#fbff7e
#fbff7ergb(251,255,126) -
#fcff92
#fcff92rgb(252,255,146) -
#fcffa5
#fcffa5rgb(252,255,165) -
#fdffb9
#fdffb9rgb(253,255,185) -
#feffcd
#feffcdrgb(254,255,205) -
#feffe0
#feffe0rgb(254,255,224) -
#fffff4
#fffff4rgb(255,255,244)
Tones of #faff57
A tone is produced by adding gray to any pure hue. In this case, #b1b1a5 is the less saturated color, while #faff57 is the most saturated one.
-
#b1b1a5
#b1b1a5rgb(177,177,165) -
#b7b89e
#b7b89ergb(183,184,158) -
#bdbe98
#bdbe98rgb(189,190,152) -
#c3c591
#c3c591rgb(195,197,145) -
#c9cb8b
#c9cb8brgb(201,203,139) -
#cfd284
#cfd284rgb(207,210,132) -
#d6d87e
#d6d87ergb(214,216,126) -
#dcdf77
#dcdf77rgb(220,223,119) -
#e2e571
#e2e571rgb(226,229,113) -
#e8ec6a
#e8ec6argb(232,236,106) -
#eef264
#eef264rgb(238,242,100) -
#f4f95d
#f4f95drgb(244,249,93) -
#faff57
#faff57rgb(250,255,87)
Color Blindness Simulator
Below, you can see how #faff57 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.
