#faff45 Color Information
In a RGB color space, hex #faff45 is composed of 98% red, 100% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 2% cyan, 0% magenta, 72.9% yellow and 0% black. It has a hue angle of 61.6 degrees, a saturation of 100% and a lightness of 63.5%. #faff45 color hex could be obtained by blending #ffff8a with #f5ff00. Closest websafe color is: #ffff33.
-
- R 98
- G 100
- B 27
-
- C 2
- M 0
- Y 73
- K 0
● #faff45 color description : Light yellow.
#faff45 Color Conversion
The hexadecimal color #faff45 has RGB values of R:250, G:255, B:69 and CMYK values of C:0.02, M:0, Y:0.73, K:0. Its decimal value is 16449349.
Hex triplet | faff45 | #faff45 |
---|---|---|
RGB Decimal | 250, 255, 69 | rgb(250,255,69) |
RGB Percent | 98, 100, 27.1 | rgb(98%,100%,27.1%) |
CMYK | 2, 0, 73, 0 | |
HSL | 61.6°, 100, 63.5 | hsl(61.6,100%,63.5%) |
HSV (or HSB) | 61.6°, 72.9, 100 | |
Web Safe | ffff33 | #ffff33 |
CIE-LAB | 96.932, -22.17, 82.125 |
---|---|
XYZ | 76.258, 92.275, 19.424 |
xyY | 0.406, 0.491, 92.275 |
CIE-LCH | 96.932, 85.064, 105.107 |
CIE-LUV | 96.932, 3.804, 98.936 |
Hunter-Lab | 96.06, -26.4, 55.253 |
Binary | 11111010, 11111111, 01000101 |
Color Schemes with #faff45
Alternatives to #faff45
Below, you can see some colors close to #faff45. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#faff45 Preview
This text has a font color of #faff45.
<span style="color:#faff45;">Text here</span>
This paragraph has a background color of #faff45.
<p style="background-color:#faff45;">Content here</p>
This element has a border color of #faff45.
<div style="border:1px solid #faff45;">Content here</div>
.text {color:#faff45;}
.background {background-color:#faff45;}
.border {border:1px solid #faff45;}
Shades and Tints of #faff45
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, #0a0a00 is the darkest color, while #fffff6 is the lightest one.
-
#0a0a00
#0a0a00
rgb(10,10,0)
-
#1d1e00
#1d1e00
rgb(29,30,0)
-
#303100
#303100
rgb(48,49,0)
-
#434500
#434500
rgb(67,69,0)
-
#565900
#565900
rgb(86,89,0)
-
#696c00
#696c00
rgb(105,108,0)
-
#7c8000
#7c8000
rgb(124,128,0)
-
#8f9300
#8f9300
rgb(143,147,0)
-
#a3a700
#a3a700
rgb(163,167,0)
-
#b6bb00
#b6bb00
rgb(182,187,0)
-
#c9ce00
#c9ce00
rgb(201,206,0)
-
#dce200
#dce200
rgb(220,226,0)
-
#eff600
#eff600
rgb(239,246,0)
-
#f8ff0a
#f8ff0a
rgb(248,255,10)
-
#f9ff1e
#f9ff1e
rgb(249,255,30)
-
#f9ff31
#f9ff31
rgb(249,255,49)
-
#faff45
#faff45
rgb(250,255,69)
-
#fbff59
#fbff59
rgb(251,255,89)
-
#fbff6c
#fbff6c
rgb(251,255,108)
-
#fcff80
#fcff80
rgb(252,255,128)
-
#fcff93
#fcff93
rgb(252,255,147)
-
#fdffa7
#fdffa7
rgb(253,255,167)
-
#fdffbb
#fdffbb
rgb(253,255,187)
-
#feffce
#feffce
rgb(254,255,206)
-
#feffe2
#feffe2
rgb(254,255,226)
-
#fffff6
#fffff6
rgb(255,255,246)
Tones of #faff45
A tone is produced by adding gray to any pure hue. In this case, #a9a99b is the less saturated color, while #faff45 is the most saturated one.
-
#a9a99b
#a9a99b
rgb(169,169,155)
-
#b0b094
#b0b094
rgb(176,176,148)
-
#b6b78d
#b6b78d
rgb(182,183,141)
-
#bdbf85
#bdbf85
rgb(189,191,133)
-
#c4c67e
#c4c67e
rgb(196,198,126)
-
#cbcd77
#cbcd77
rgb(203,205,119)
-
#d1d470
#d1d470
rgb(209,212,112)
-
#d8db69
#d8db69
rgb(216,219,105)
-
#dfe262
#dfe262
rgb(223,226,98)
-
#e6ea5a
#e6ea5a
rgb(230,234,90)
-
#ecf153
#ecf153
rgb(236,241,83)
-
#f3f84c
#f3f84c
rgb(243,248,76)
-
#faff45
#faff45
rgb(250,255,69)
Color Blindness Simulator
Below, you can see how #faff45 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.