#F2D657

#F2D657

Color Values

HEX

#F2D657

RGB

242, 214, 87

HSL

49.2, 85.6%, 64.5%

HSV

49.2, 64.0%, 94.9%

CMYK

0.0%, 11.6%, 64.0%, 5.1%

OKLCH

0.8764 0.1469 96.8

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#F2D657

#5773F2

Analogous

#F28957

#C0F257

#F2D657

Triadic

#F2D657

#57F2D6

#D657F2

Split Complementary

#F2D657

#57C0F2

#8957F2

Tetradic

#F2D657

#57F289

#5773F2

#F257C0

Color Blindness Simulation

Original

#F2D657

Protanopia

#E6E676

Deuteranopia

#E8EA7D

Tritanopia

#F18E93

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF5E0
200
#FAEFBD
300
#F6E38D
400
#F1D450
500
#EDC512
600
#BD9E0F
700
#977E0C
800
#766309
900
#56480B
950
#362E07

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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