#F1CC50

#F1CC50

Color Values

HEX

#F1CC50

RGB

241, 204, 80

HSL

46.2, 85.2%, 62.9%

HSV

46.2, 66.8%, 94.5%

CMYK

0.0%, 15.4%, 66.8%, 5.5%

OKLCH

0.8549 0.1451 92.3

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#F1CC50

#5075F1

Analogous

#F17B50

#C5F150

#F1CC50

Triadic

#F1CC50

#50F1CC

#CC50F1

Split Complementary

#F1CC50

#50C5F1

#7B50F1

Tetradic

#F1CC50

#50F17B

#5075F1

#F150C5

Color Blindness Simulation

Original

#F1CC50

Protanopia

#E1E16E

Deuteranopia

#E3E675

Tritanopia

#EF868B

Achromatopsia

#CBCBCB

CSS Usage

background-color: #F1CC50;
color: #F1CC50;
border-color: #F1CC50;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FDFAF2
100
#FAF4E0
200
#FAECBD
300
#F6DE8E
400
#F1CC50
500
#ECBA13
600
#BD950F
700
#97770C
800
#765D09
900
#56450B
950
#362B07

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.49:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026