#fecc2a Color Information
In a RGB color space, hex #fecc2a is composed of 99.6% red, 80% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19.7% magenta, 83.5% yellow and 0.4% black. It has a hue angle of 45.8 degrees, a saturation of 99.1% and a lightness of 58%. #fecc2a color hex could be obtained by blending #ffff54 with #fd9900. Closest websafe color is: #ffcc33.
-
- R 100
- G 80
- B 16
-
- C 0
- M 20
- Y 83
- K 0
● #fecc2a color description : Bright yellow.
#fecc2a Color Conversion
The hexadecimal color #fecc2a has RGB values of R:254, G:204, B:42 and CMYK values of C:0, M:0.2, Y:0.83, K:0. Its decimal value is 16698410.
Hex triplet | fecc2a | #fecc2a |
---|---|---|
RGB Decimal | 254, 204, 42 | rgb(254,204,42) |
RGB Percent | 99.6, 80, 16.5 | rgb(99.6%,80%,16.5%) |
CMYK | 0, 20, 83, 0 | |
HSL | 45.8°, 99.1, 58 | hsl(45.8,99.1%,58%) |
HSV (or HSB) | 45.8°, 83.5, 99.6 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 84.187, 3.843, 78.711 |
---|---|
XYZ | 62.885, 64.427, 11.314 |
xyY | 0.454, 0.465, 64.427 |
CIE-LCH | 84.187, 78.805, 87.205 |
CIE-LUV | 84.187, 42.4, 84.296 |
Hunter-Lab | 80.266, -0.62, 47.829 |
Binary | 11111110, 11001100, 00101010 |
Color Schemes with #fecc2a
Alternatives to #fecc2a
Below, you can see some colors close to #fecc2a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fecc2a Preview
This text has a font color of #fecc2a.
<span style="color:#fecc2a;">Text here</span>
This paragraph has a background color of #fecc2a.
<p style="background-color:#fecc2a;">Content here</p>
This element has a border color of #fecc2a.
<div style="border:1px solid #fecc2a;">Content here</div>
.text {color:#fecc2a;}
.background {background-color:#fecc2a;}
.border {border:1px solid #fecc2a;}
Shades and Tints of #fecc2a
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, #020100 is the darkest color, while #fffbed is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#151000
#151000
rgb(21,16,0)
-
#291f00
#291f00
rgb(41,31,0)
-
#3c2e00
#3c2e00
rgb(60,46,0)
-
#503d00
#503d00
rgb(80,61,0)
-
#634c00
#634c00
rgb(99,76,0)
-
#775b01
#775b01
rgb(119,91,1)
-
#8a6a01
#8a6a01
rgb(138,106,1)
-
#9e7901
#9e7901
rgb(158,121,1)
-
#b18801
#b18801
rgb(177,136,1)
-
#c59701
#c59701
rgb(197,151,1)
-
#d9a601
#d9a601
rgb(217,166,1)
-
#ecb501
#ecb501
rgb(236,181,1)
-
#fec303
#fec303
rgb(254,195,3)
-
#fec716
#fec716
rgb(254,199,22)
-
#fecc2a
#fecc2a
rgb(254,204,42)
-
#fed13e
#fed13e
rgb(254,209,62)
-
#fed551
#fed551
rgb(254,213,81)
-
#feda65
#feda65
rgb(254,218,101)
-
#fedf78
#fedf78
rgb(254,223,120)
-
#fee38c
#fee38c
rgb(254,227,140)
-
#ffe89f
#ffe89f
rgb(255,232,159)
-
#ffedb3
#ffedb3
rgb(255,237,179)
-
#fff1c6
#fff1c6
rgb(255,241,198)
-
#fff6da
#fff6da
rgb(255,246,218)
-
#fffbed
#fffbed
rgb(255,251,237)
Tones of #fecc2a
A tone is produced by adding gray to any pure hue. In this case, #9b988d is the less saturated color, while #fecc2a is the most saturated one.
-
#9b988d
#9b988d
rgb(155,152,141)
-
#a39c85
#a39c85
rgb(163,156,133)
-
#aca17c
#aca17c
rgb(172,161,124)
-
#b4a574
#b4a574
rgb(180,165,116)
-
#bca96c
#bca96c
rgb(188,169,108)
-
#c4ae64
#c4ae64
rgb(196,174,100)
-
#cdb25b
#cdb25b
rgb(205,178,91)
-
#d5b653
#d5b653
rgb(213,182,83)
-
#ddbb4b
#ddbb4b
rgb(221,187,75)
-
#e5bf43
#e5bf43
rgb(229,191,67)
-
#eec33a
#eec33a
rgb(238,195,58)
-
#f6c832
#f6c832
rgb(246,200,50)
-
#fecc2a
#fecc2a
rgb(254,204,42)
Color Blindness Simulator
Below, you can see how #fecc2a 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.