#fff228 Color Information
In a RGB color space, hex #fff228 is composed of 100% red, 94.9% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.1% magenta, 84.3% yellow and 0% black. It has a hue angle of 56.4 degrees, a saturation of 100% and a lightness of 57.8%. #fff228 color hex could be obtained by blending #ffff50 with #ffe500. Closest websafe color is: #ffff33.
-
- R 100
- G 95
- B 16
-
- C 0
- M 5
- Y 84
- K 0
● #fff228 color description : Vivid yellow.
#fff228 Color Conversion
The hexadecimal color #fff228 has RGB values of R:255, G:242, B:40 and CMYK values of C:0, M:0.05, Y:0.84, K:0. Its decimal value is 16773672.
Hex triplet | fff228 | #fff228 |
---|---|---|
RGB Decimal | 255, 242, 40 | rgb(255,242,40) |
RGB Percent | 100, 94.9, 15.7 | rgb(100%,94.9%,15.7%) |
CMYK | 0, 5, 84, 0 | |
HSL | 56.4°, 100, 57.8 | hsl(56.4,100%,57.8%) |
HSV (or HSB) | 56.4°, 84.3, 100 | |
Web Safe | ffff33 | #ffff33 |
CIE-LAB | 93.848, -14.806, 87.182 |
---|---|
XYZ | 73.376, 84.919, 14.533 |
xyY | 0.425, 0.491, 84.919 |
CIE-LCH | 93.848, 88.431, 99.639 |
CIE-LUV | 93.848, 16.1, 99.064 |
Hunter-Lab | 92.152, -19.135, 55.155 |
Binary | 11111111, 11110010, 00101000 |
Color Schemes with #fff228
Alternatives to #fff228
Below, you can see some colors close to #fff228. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fff228 Preview
This text has a font color of #fff228.
<span style="color:#fff228;">Text here</span>
This paragraph has a background color of #fff228.
<p style="background-color:#fff228;">Content here</p>
This element has a border color of #fff228.
<div style="border:1px solid #fff228;">Content here</div>
.text {color:#fff228;}
.background {background-color:#fff228;}
.border {border:1px solid #fff228;}
Shades and Tints of #fff228
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, #010100 is the darkest color, while #fffeec is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#141300
#141300
rgb(20,19,0)
-
#282600
#282600
rgb(40,38,0)
-
#3c3800
#3c3800
rgb(60,56,0)
-
#4f4a00
#4f4a00
rgb(79,74,0)
-
#635d00
#635d00
rgb(99,93,0)
-
#766f00
#766f00
rgb(118,111,0)
-
#8a8200
#8a8200
rgb(138,130,0)
-
#9e9400
#9e9400
rgb(158,148,0)
-
#b1a700
#b1a700
rgb(177,167,0)
-
#c5b900
#c5b900
rgb(197,185,0)
-
#d9cb00
#d9cb00
rgb(217,203,0)
-
#ecde00
#ecde00
rgb(236,222,0)
-
#fff001
#fff001
rgb(255,240,1)
-
#fff114
#fff114
rgb(255,241,20)
-
#fff228
#fff228
rgb(255,242,40)
-
#fff33c
#fff33c
rgb(255,243,60)
-
#fff44f
#fff44f
rgb(255,244,79)
-
#fff663
#fff663
rgb(255,246,99)
-
#fff776
#fff776
rgb(255,247,118)
-
#fff88a
#fff88a
rgb(255,248,138)
-
#fff99e
#fff99e
rgb(255,249,158)
-
#fffab1
#fffab1
rgb(255,250,177)
-
#fffbc5
#fffbc5
rgb(255,251,197)
-
#fffdd9
#fffdd9
rgb(255,253,217)
-
#fffeec
#fffeec
rgb(255,254,236)
Tones of #fff228
A tone is produced by adding gray to any pure hue. In this case, #9c9b8b is the less saturated color, while #fff228 is the most saturated one.
-
#9c9b8b
#9c9b8b
rgb(156,155,139)
-
#a4a283
#a4a283
rgb(164,162,131)
-
#aca97b
#aca97b
rgb(172,169,123)
-
#b5b172
#b5b172
rgb(181,177,114)
-
#bdb86a
#bdb86a
rgb(189,184,106)
-
#c5bf62
#c5bf62
rgb(197,191,98)
-
#cdc65a
#cdc65a
rgb(205,198,90)
-
#d6ce51
#d6ce51
rgb(214,206,81)
-
#ded549
#ded549
rgb(222,213,73)
-
#e6dc41
#e6dc41
rgb(230,220,65)
-
#eee339
#eee339
rgb(238,227,57)
-
#f7eb30
#f7eb30
rgb(247,235,48)
-
#fff228
#fff228
rgb(255,242,40)
Color Blindness Simulator
Below, you can see how #fff228 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.