Lightness variants
| Lightness |
HEX |
RGB |
Swatch |
| 10% |
#332600 |
rgb(51,38,0) |
|
| 20% |
#664D00 |
rgb(102,77,0) |
|
| 30% |
#997300 |
rgb(153,115,0) |
|
| 40% |
#CC9900 |
rgb(204,153,0) |
|
| 50% ◀ |
#FFBF00 |
rgb(255,191,0) |
|
| 60% |
#FFCC33 |
rgb(255,204,51) |
|
| 70% |
#FFD966 |
rgb(255,217,102) |
|
| 80% |
#FFE699 |
rgb(255,230,153) |
|
| 90% |
#FFF2CC |
rgb(255,242,204) |
|
Frequently Asked Questions
What is the RGB value of #FFC107?+
#FFC107 in RGB is rgb(255, 193, 7).
What is #FFC107 in HSL?+
#FFC107 in HSL is hsl(45°, 100%, 51%).
How do I use #FFC107 in CSS?+
Use color: #ffc107; or color: rgb(255,193,7); or color: hsl(45,100%,51%);
What kind of color is #FFC107?+
#FFC107 has R=255, G=193, B=7. Hue: 45°, Saturation: 100%, Lightness: 51%. It is a mid-lightness colour.