#fecc28 Color Information
In a RGB color space, hex #fecc28 is composed of 99.6% red, 80% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 84.3% yellow and 0.4% black. It has a hue angle of 46 degrees, a saturation of 99.1% and a lightness of 57.6%. #fecc28 color hex could be obtained by blending #ffff50 with #fd9900. Closest websafe color is: #ffcc33.
-
- R 100
- G 80
- B 16
-
- C 0
- M 20
- Y 84
- K 0
● #fecc28 color description : Bright yellow.
#fecc28 Color Conversion
The hexadecimal color #fecc28 has RGB values of R:254, G:204, B:40 and CMYK values of C:0, M:0.2, Y:0.84, K:0. Its decimal value is 16698408.
| Hex triplet | fecc28 | #fecc28 |
|---|---|---|
| RGB Decimal | 254, 204, 40 | rgb(254,204,40) |
| RGB Percent | 99.6, 80, 15.7 | rgb(99.6%,80%,15.7%) |
| CMYK | 0, 20, 84, 0 | |
| HSL | 46°, 99.1, 57.6 | hsl(46,99.1%,57.6%) |
| HSV (or HSB) | 46°, 84.3, 99.6 | |
| Web Safe | ffcc33 | #ffcc33 |
| CIE-LAB | 84.18, 3.793, 79.211 |
|---|---|
| XYZ | 62.85, 64.413, 11.13 |
| xyY | 0.454, 0.465, 64.413 |
| CIE-LCH | 84.18, 79.302, 87.258 |
| CIE-LUV | 84.18, 42.446, 84.607 |
| Hunter-Lab | 80.258, -0.667, 47.958 |
| Binary | 11111110, 11001100, 00101000 |
Color Schemes with #fecc28
Alternatives to #fecc28
Below, you can see some colors close to #fecc28. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fecc28 Preview
This text has a font color of #fecc28.
<span style="color:#fecc28;">Text here</span>
This paragraph has a background color of #fecc28.
<p style="background-color:#fecc28;">Content here</p>
This element has a border color of #fecc28.
<div style="border:1px solid #fecc28;">Content here</div>
.text {color:#fecc28;}
.background {background-color:#fecc28;}
.border {border:1px solid #fecc28;}
Shades and Tints of #fecc28
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, #130f00 is the darkest color, while #ffffff is the lightest one.
-
#130f00
#130f00rgb(19,15,0) -
#271e00
#271e00rgb(39,30,0) -
#3a2d00
#3a2d00rgb(58,45,0) -
#4e3c00
#4e3c00rgb(78,60,0) -
#614b00
#614b00rgb(97,75,0) -
#755a01
#755a01rgb(117,90,1) -
#886901
#886901rgb(136,105,1) -
#9c7801
#9c7801rgb(156,120,1) -
#af8701
#af8701rgb(175,135,1) -
#c39601
#c39601rgb(195,150,1) -
#d7a501
#d7a501rgb(215,165,1) -
#eab401
#eab401rgb(234,180,1) -
#fec301
#fec301rgb(254,195,1)
-
#fec714
#fec714rgb(254,199,20) -
#fecc28
#fecc28rgb(254,204,40) -
#fed13c
#fed13crgb(254,209,60) -
#fed54f
#fed54frgb(254,213,79) -
#feda63
#feda63rgb(254,218,99) -
#fedf76
#fedf76rgb(254,223,118) -
#fee38a
#fee38argb(254,227,138) -
#ffe89d
#ffe89drgb(255,232,157) -
#ffecb1
#ffecb1rgb(255,236,177) -
#fff1c4
#fff1c4rgb(255,241,196) -
#fff6d8
#fff6d8rgb(255,246,216) -
#fffaeb
#fffaebrgb(255,250,235) -
#ffffff
#ffffffrgb(255,255,255)
Tones of #fecc28
A tone is produced by adding gray to any pure hue. In this case, #9a978c is the less saturated color, while #fecc28 is the most saturated one.
-
#9a978c
#9a978crgb(154,151,140) -
#a39b83
#a39b83rgb(163,155,131) -
#aba07b
#aba07brgb(171,160,123) -
#b3a473
#b3a473rgb(179,164,115) -
#bca96a
#bca96argb(188,169,106) -
#c4ad62
#c4ad62rgb(196,173,98) -
#ccb15a
#ccb15argb(204,177,90) -
#d4b652
#d4b652rgb(212,182,82) -
#ddba49
#ddba49rgb(221,186,73) -
#e5bf41
#e5bf41rgb(229,191,65) -
#edc339
#edc339rgb(237,195,57) -
#f6c830
#f6c830rgb(246,200,48) -
#fecc28
#fecc28rgb(254,204,40)
Color Blindness Simulator
Below, you can see how #fecc28 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.
