#F2D4A1

#F2D4A1

Color Values

HEX

#F2D4A1

RGB

242, 212, 161

HSL

37.8, 75.7%, 79.0%

HSV

37.8, 33.5%, 94.9%

CMYK

0.0%, 12.4%, 33.5%, 5.1%

OKLCH

0.883 0.074 80.7

Properties

Warm Light Nearest: Maize

Color Harmonies

Complementary

#F2D4A1

#A1BFF2

Analogous

#F2ABA1

#E7F2A1

#F2D4A1

Triadic

#F2D4A1

#A1F2D4

#D4A1F2

Split Complementary

#F2D4A1

#A1E7F2

#ABA1F2

Tetradic

#F2D4A1

#A1F2AB

#A1BFF2

#F2A1E7

Color Blindness Simulation

Original

#F2D4A1

Protanopia

#E5E5AD

Deuteranopia

#E7E9B0

Tritanopia

#F0B7B9

Achromatopsia

#D7D7D7

CSS Usage

background-color: #F2D4A1;
color: #F2D4A1;
border-color: #F2D4A1;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FCF9F2
100
#F9F0E2
200
#F6E2C0
300
#F0CE93
400
#E8B359
500
#E0991F
600
#B37A19
700
#8F6214
800
#704C0F
900
#51390F
950
#33240A

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.71:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026