#fccc30 Color Information
In a RGB color space, hex #fccc30 is composed of 98.8% red, 80% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 81% yellow and 1.2% black. It has a hue angle of 45.9 degrees, a saturation of 97.1% and a lightness of 58.8%. #fccc30 color hex could be obtained by blending #ffff60 with #f99900. Closest websafe color is: #ffcc33.
-
- R 99
- G 80
- B 19
-
- C 0
- M 19
- Y 81
- K 1
● #fccc30 color description : Bright yellow.
#fccc30 Color Conversion
The hexadecimal color #fccc30 has RGB values of R:252, G:204, B:48 and CMYK values of C:0, M:0.19, Y:0.81, K:0.01. Its decimal value is 16567344.
Hex triplet | fccc30 | #fccc30 |
---|---|---|
RGB Decimal | 252, 204, 48 | rgb(252,204,48) |
RGB Percent | 98.8, 80, 18.8 | rgb(98.8%,80%,18.8%) |
CMYK | 0, 19, 81, 1 | |
HSL | 45.9°, 97.1, 58.8 | hsl(45.9,97.1%,58.8%) |
HSV (or HSB) | 45.9°, 81, 98.8 | |
Web Safe | ffcc33 | #ffcc33 |
CIE-LAB | 84.016, 3.16, 76.851 |
---|---|
XYZ | 62.272, 64.097, 11.888 |
xyY | 0.45, 0.464, 64.097 |
CIE-LCH | 84.016, 76.916, 87.645 |
CIE-LUV | 84.016, 40.721, 83.222 |
Hunter-Lab | 80.061, -1.267, 47.239 |
Binary | 11111100, 11001100, 00110000 |
Color Schemes with #fccc30
Alternatives to #fccc30
Below, you can see some colors close to #fccc30. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fccc30 Preview
This text has a font color of #fccc30.
<span style="color:#fccc30;">Text here</span>
This paragraph has a background color of #fccc30.
<p style="background-color:#fccc30;">Content here</p>
This element has a border color of #fccc30.
<div style="border:1px solid #fccc30;">Content here</div>
.text {color:#fccc30;}
.background {background-color:#fccc30;}
.border {border:1px solid #fccc30;}
Shades and Tints of #fccc30
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, #060400 is the darkest color, while #fffcf1 is the lightest one.
-
#060400
#060400
rgb(6,4,0)
-
#191300
#191300
rgb(25,19,0)
-
#2c2201
#2c2201
rgb(44,34,1)
-
#403101
#403101
rgb(64,49,1)
-
#534001
#534001
rgb(83,64,1)
-
#664f01
#664f01
rgb(102,79,1)
-
#7a5d02
#7a5d02
rgb(122,93,2)
-
#8d6c02
#8d6c02
rgb(141,108,2)
-
#a07b02
#a07b02
rgb(160,123,2)
-
#b48a03
#b48a03
rgb(180,138,3)
-
#c79903
#c79903
rgb(199,153,3)
-
#daa803
#daa803
rgb(218,168,3)
-
#eeb703
#eeb703
rgb(238,183,3)
-
#fbc209
#fbc209
rgb(251,194,9)
-
#fcc71d
#fcc71d
rgb(252,199,29)
-
#fccc30
#fccc30
rgb(252,204,48)
-
#fcd143
#fcd143
rgb(252,209,67)
-
#fdd657
#fdd657
rgb(253,214,87)
-
#fdda6a
#fdda6a
rgb(253,218,106)
-
#fddf7d
#fddf7d
rgb(253,223,125)
-
#fde491
#fde491
rgb(253,228,145)
-
#fee9a4
#fee9a4
rgb(254,233,164)
-
#feedb7
#feedb7
rgb(254,237,183)
-
#fef2cb
#fef2cb
rgb(254,242,203)
-
#fff7de
#fff7de
rgb(255,247,222)
-
#fffcf1
#fffcf1
rgb(255,252,241)
Tones of #fccc30
A tone is produced by adding gray to any pure hue. In this case, #9b9991 is the less saturated color, while #fccc30 is the most saturated one.
-
#9b9991
#9b9991
rgb(155,153,145)
-
#a39d89
#a39d89
rgb(163,157,137)
-
#aba181
#aba181
rgb(171,161,129)
-
#b3a679
#b3a679
rgb(179,166,121)
-
#bbaa71
#bbaa71
rgb(187,170,113)
-
#c3ae69
#c3ae69
rgb(195,174,105)
-
#ccb260
#ccb260
rgb(204,178,96)
-
#d4b758
#d4b758
rgb(212,183,88)
-
#dcbb50
#dcbb50
rgb(220,187,80)
-
#e4bf48
#e4bf48
rgb(228,191,72)
-
#ecc340
#ecc340
rgb(236,195,64)
-
#f4c838
#f4c838
rgb(244,200,56)
-
#fccc30
#fccc30
rgb(252,204,48)
Color Blindness Simulator
Below, you can see how #fccc30 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.