#F2D350

#F2D350

Color Values

HEX

#F2D350

RGB

242, 211, 80

HSL

48.5, 86.2%, 63.1%

HSV

48.5, 66.9%, 94.9%

CMYK

0.0%, 12.8%, 66.9%, 5.1%

OKLCH

0.8698 0.1498 95.7

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#F2D350

#506FF2

Analogous

#F28250

#C0F250

#F2D350

Triadic

#F2D350

#50F2D3

#D350F2

Split Complementary

#F2D350

#50C0F2

#8250F2

Tetradic

#F2D350

#50F282

#506FF2

#F250C0

Color Blindness Simulation

Original

#F2D350

Protanopia

#E5E470

Deuteranopia

#E6E977

Tritanopia

#F0898E

Achromatopsia

#D0D0D0

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF5E0
200
#FAEEBD
300
#F7E28D
400
#F2D34F
500
#EDC312
600
#BE9C0E
700
#987D0B
800
#776209
900
#56480B
950
#362D07

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.21: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