#F2D550

#F2D550

Color Values

HEX

#F2D550

RGB

242, 213, 80

HSL

49.3, 86.2%, 63.1%

HSV

49.3, 66.9%, 94.9%

CMYK

0.0%, 12.0%, 66.9%, 5.1%

OKLCH

0.8738 0.1513 96.8

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#F2D550

#506DF2

Analogous

#F28450

#BEF250

#F2D550

Triadic

#F2D550

#50F2D5

#D550F2

Split Complementary

#F2D550

#50BEF2

#8450F2

Tetradic

#F2D550

#50F284

#506DF2

#F250BE

Color Blindness Simulation

Original

#F2D550

Protanopia

#E5E570

Deuteranopia

#E7E978

Tritanopia

#F18A8F

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF6E0
200
#FAEFBD
300
#F7E48D
400
#F2D54F
500
#EDC612
600
#BE9F0E
700
#987F0B
800
#776309
900
#56490B
950
#362E07

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.41:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026