#faf557 Color Information
In a RGB color space, hex #faf557 is composed of 98% red, 96.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 2% magenta, 65.2% yellow and 2% black. It has a hue angle of 58.2 degrees, a saturation of 94.2% and a lightness of 66.1%. #faf557 color hex could be obtained by blending #ffffae with #f5eb00. Closest websafe color is: #ffff66.
-
- R 98
- G 96
- B 34
-
- C 0
- M 2
- Y 65
- K 2
● #faf557 color description : Soft yellow.
#faf557 Color Conversion
The hexadecimal color #faf557 has RGB values of R:250, G:245, B:87 and CMYK values of C:0, M:0.02, Y:0.65, K:0.02. Its decimal value is 16446807.
Hex triplet | faf557 | #faf557 |
---|---|---|
RGB Decimal | 250, 245, 87 | rgb(250,245,87) |
RGB Percent | 98, 96.1, 34.1 | rgb(98%,96.1%,34.1%) |
CMYK | 0, 2, 65, 2 | |
HSL | 58.2°, 94.2, 66.1 | hsl(58.2,94.2%,66.1%) |
HSV (or HSB) | 58.2°, 65.2, 98 | |
Web Safe | ffff66 | #ffff66 |
CIE-LAB | 94.448, -16.516, 73.443 |
---|---|
XYZ | 73.797, 86.318, 21.79 |
xyY | 0.406, 0.475, 86.318 |
CIE-LCH | 94.448, 75.277, 102.674 |
CIE-LUV | 94.448, 9.845, 90.162 |
Hunter-Lab | 92.908, -20.805, 51.13 |
Binary | 11111010, 11110101, 01010111 |
Color Schemes with #faf557
Alternatives to #faf557
Below, you can see some colors close to #faf557. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faf557 Preview
This text has a font color of #faf557.
<span style="color:#faf557;">Text here</span>
This paragraph has a background color of #faf557.
<p style="background-color:#faf557;">Content here</p>
This element has a border color of #faf557.
<div style="border:1px solid #faf557;">Content here</div>
.text {color:#faf557;}
.background {background-color:#faf557;}
.border {border:1px solid #faf557;}
Shades and Tints of #faf557
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, #030300 is the darkest color, while #fffeef is the lightest one.
-
#030300
#030300
rgb(3,3,0)
-
#161601
#161601
rgb(22,22,1)
-
#2a2801
#2a2801
rgb(42,40,1)
-
#3d3b02
#3d3b02
rgb(61,59,2)
-
#504d02
#504d02
rgb(80,77,2)
-
#636003
#636003
rgb(99,96,3)
-
#767204
#767204
rgb(118,114,4)
-
#898504
#898504
rgb(137,133,4)
-
#9c9705
#9c9705
rgb(156,151,5)
-
#afaa05
#afaa05
rgb(175,170,5)
-
#c2bc06
#c2bc06
rgb(194,188,6)
-
#d5cf06
#d5cf06
rgb(213,207,6)
-
#e8e107
#e8e107
rgb(232,225,7)
-
#f8f00b
#f8f00b
rgb(248,240,11)
-
#f8f21e
#f8f21e
rgb(248,242,30)
-
#f9f331
#f9f331
rgb(249,243,49)
-
#f9f444
#f9f444
rgb(249,244,68)
-
#faf557
#faf557
rgb(250,245,87)
-
#fbf66a
#fbf66a
rgb(251,246,106)
-
#fbf77d
#fbf77d
rgb(251,247,125)
-
#fcf890
#fcf890
rgb(252,248,144)
-
#fcfaa3
#fcfaa3
rgb(252,250,163)
-
#fdfbb6
#fdfbb6
rgb(253,251,182)
-
#fdfcc9
#fdfcc9
rgb(253,252,201)
-
#fefddc
#fefddc
rgb(254,253,220)
-
#fffeef
#fffeef
rgb(255,254,239)
Tones of #faf557
A tone is produced by adding gray to any pure hue. In this case, #aaaaa7 is the less saturated color, while #faf557 is the most saturated one.
-
#aaaaa7
#aaaaa7
rgb(170,170,167)
-
#b1b0a0
#b1b0a0
rgb(177,176,160)
-
#b7b79a
#b7b79a
rgb(183,183,154)
-
#bebd93
#bebd93
rgb(190,189,147)
-
#c5c38c
#c5c38c
rgb(197,195,140)
-
#cbc986
#cbc986
rgb(203,201,134)
-
#d2d07f
#d2d07f
rgb(210,208,127)
-
#d9d678
#d9d678
rgb(217,214,120)
-
#dfdc72
#dfdc72
rgb(223,220,114)
-
#e6e26b
#e6e26b
rgb(230,226,107)
-
#ede964
#ede964
rgb(237,233,100)
-
#f3ef5e
#f3ef5e
rgb(243,239,94)
-
#faf557
#faf557
rgb(250,245,87)
Color Blindness Simulator
Below, you can see how #faf557 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.