#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
#0a0a00rgb(10,10,0) -
#1d1e00
#1d1e00rgb(29,30,0) -
#303100
#303100rgb(48,49,0) -
#434500
#434500rgb(67,69,0) -
#565900
#565900rgb(86,89,0) -
#696c00
#696c00rgb(105,108,0) -
#7c8000
#7c8000rgb(124,128,0) -
#8f9300
#8f9300rgb(143,147,0) -
#a3a700
#a3a700rgb(163,167,0) -
#b6bb00
#b6bb00rgb(182,187,0) -
#c9ce00
#c9ce00rgb(201,206,0) -
#dce200
#dce200rgb(220,226,0) -
#eff600
#eff600rgb(239,246,0)
-
#f8ff0a
#f8ff0argb(248,255,10) -
#f9ff1e
#f9ff1ergb(249,255,30) -
#f9ff31
#f9ff31rgb(249,255,49) -
#faff45
#faff45rgb(250,255,69) -
#fbff59
#fbff59rgb(251,255,89) -
#fbff6c
#fbff6crgb(251,255,108) -
#fcff80
#fcff80rgb(252,255,128) -
#fcff93
#fcff93rgb(252,255,147) -
#fdffa7
#fdffa7rgb(253,255,167) -
#fdffbb
#fdffbbrgb(253,255,187) -
#feffce
#feffcergb(254,255,206) -
#feffe2
#feffe2rgb(254,255,226) -
#fffff6
#fffff6rgb(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
#a9a99brgb(169,169,155) -
#b0b094
#b0b094rgb(176,176,148) -
#b6b78d
#b6b78drgb(182,183,141) -
#bdbf85
#bdbf85rgb(189,191,133) -
#c4c67e
#c4c67ergb(196,198,126) -
#cbcd77
#cbcd77rgb(203,205,119) -
#d1d470
#d1d470rgb(209,212,112) -
#d8db69
#d8db69rgb(216,219,105) -
#dfe262
#dfe262rgb(223,226,98) -
#e6ea5a
#e6ea5argb(230,234,90) -
#ecf153
#ecf153rgb(236,241,83) -
#f3f84c
#f3f84crgb(243,248,76) -
#faff45
#faff45rgb(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.
