#F2D757

#F2D757

Color Values

HEX

#F2D757

RGB

242, 215, 87

HSL

49.5, 85.6%, 64.5%

HSV

49.5, 64.0%, 94.9%

CMYK

0.0%, 11.2%, 64.0%, 5.1%

OKLCH

0.8784 0.1477 97.3

Properties

Warm Light Nearest: RAL 1014 Ivory

Color Harmonies

Complementary

#F2D757

#5772F2

Analogous

#F28957

#C0F257

#F2D757

Triadic

#F2D757

#57F2D7

#D757F2

Split Complementary

#F2D757

#57C0F2

#8957F2

Tetradic

#F2D757

#57F289

#5772F2

#F257C0

Color Blindness Simulation

Original

#F2D757

Protanopia

#E6E676

Deuteranopia

#E8EA7D

Tritanopia

#F18E94

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#FDFBF2
100
#FAF6E0
200
#FAEFBD
300
#F6E48D
400
#F1D550
500
#EDC612
600
#BD9F0F
700
#977F0C
800
#766309
900
#56490B
950
#362E07

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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