#fff557 Color Information
In a RGB color space, hex #fff557 is composed of 100% red, 96.1% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 3.9% magenta, 65.9% yellow and 0% black. It has a hue angle of 56.4 degrees, a saturation of 100% and a lightness of 67.1%. #fff557 color hex could be obtained by blending #ffffae with #ffeb00. Closest websafe color is: #ffff66.
-
- R 100
- G 96
- B 34
-
- C 0
- M 4
- Y 66
- K 0
● #fff557 color description : Light yellow.
#fff557 Color Conversion
The hexadecimal color #fff557 has RGB values of R:255, G:245, B:87 and CMYK values of C:0, M:0.04, Y:0.66, K:0. Its decimal value is 16774487.
Hex triplet | fff557 | #fff557 |
---|---|---|
RGB Decimal | 255, 245, 87 | rgb(255,245,87) |
RGB Percent | 100, 96.1, 34.1 | rgb(100%,96.1%,34.1%) |
CMYK | 0, 4, 66, 0 | |
HSL | 56.4°, 100, 67.1 | hsl(56.4,100%,67.1%) |
HSV (or HSB) | 56.4°, 65.9, 100 | |
Web Safe | ffff66 | #ffff66 |
CIE-LAB | 94.846, -14.492, 73.977 |
---|---|
XYZ | 75.613, 87.255, 21.875 |
xyY | 0.409, 0.472, 87.255 |
CIE-LCH | 94.846, 75.383, 101.084 |
CIE-LUV | 94.846, 13.241, 90.283 |
Hunter-Lab | 93.41, -18.977, 51.502 |
Binary | 11111111, 11110101, 01010111 |
Color Schemes with #fff557
Alternatives to #fff557
Below, you can see some colors close to #fff557. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fff557 Preview
This text has a font color of #fff557.
<span style="color:#fff557;">Text here</span>
This paragraph has a background color of #fff557.
<p style="background-color:#fff557;">Content here</p>
This element has a border color of #fff557.
<div style="border:1px solid #fff557;">Content here</div>
.text {color:#fff557;}
.background {background-color:#fff557;}
.border {border:1px solid #fff557;}
Shades and Tints of #fff557
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, #090800 is the darkest color, while #fffef4 is the lightest one.
-
#090800
#090800
rgb(9,8,0)
-
#1c1a00
#1c1a00
rgb(28,26,0)
-
#302d00
#302d00
rgb(48,45,0)
-
#433f00
#433f00
rgb(67,63,0)
-
#575200
#575200
rgb(87,82,0)
-
#6b6400
#6b6400
rgb(107,100,0)
-
#7e7700
#7e7700
rgb(126,119,0)
-
#928900
#928900
rgb(146,137,0)
-
#a59c00
#a59c00
rgb(165,156,0)
-
#b9ae00
#b9ae00
rgb(185,174,0)
-
#cdc100
#cdc100
rgb(205,193,0)
-
#e0d300
#e0d300
rgb(224,211,0)
-
#f4e500
#f4e500
rgb(244,229,0)
-
#fff009
#fff009
rgb(255,240,9)
-
#fff11c
#fff11c
rgb(255,241,28)
-
#fff330
#fff330
rgb(255,243,48)
-
#fff443
#fff443
rgb(255,244,67)
-
#fff557
#fff557
rgb(255,245,87)
-
#fff66b
#fff66b
rgb(255,246,107)
-
#fff77e
#fff77e
rgb(255,247,126)
-
#fff992
#fff992
rgb(255,249,146)
-
#fffaa5
#fffaa5
rgb(255,250,165)
-
#fffbb9
#fffbb9
rgb(255,251,185)
-
#fffccd
#fffccd
rgb(255,252,205)
-
#fffde0
#fffde0
rgb(255,253,224)
-
#fffef4
#fffef4
rgb(255,254,244)
Tones of #fff557
A tone is produced by adding gray to any pure hue. In this case, #b1b1a5 is the less saturated color, while #fff557 is the most saturated one.
-
#b1b1a5
#b1b1a5
rgb(177,177,165)
-
#b8b69e
#b8b69e
rgb(184,182,158)
-
#bebc98
#bebc98
rgb(190,188,152)
-
#c5c291
#c5c291
rgb(197,194,145)
-
#cbc78b
#cbc78b
rgb(203,199,139)
-
#d2cd84
#d2cd84
rgb(210,205,132)
-
#d8d37e
#d8d37e
rgb(216,211,126)
-
#dfd977
#dfd977
rgb(223,217,119)
-
#e5de71
#e5de71
rgb(229,222,113)
-
#ece46a
#ece46a
rgb(236,228,106)
-
#f2ea64
#f2ea64
rgb(242,234,100)
-
#f9ef5d
#f9ef5d
rgb(249,239,93)
-
#fff557
#fff557
rgb(255,245,87)
Color Blindness Simulator
Below, you can see how #fff557 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.