#F2D89F

#F2D89F

Color Values

HEX

#F2D89F

RGB

242, 216, 159

HSL

41,2, 76,1%, 78,6%

HSV

41,2, 34,3%, 94,9%

CMYK

0,0%, 10,7%, 34,3%, 5,1%

OKLCH

0,8904 0,0787 86,2

Properties

Warm Light Nearest: Maize

Color Harmonies

Complementary

#F2D89F

#9FB9F2

Analogous

#F2AE9F

#E2F29F

#F2D89F

Triadic

#F2D89F

#9FF2D8

#D89FF2

Split Complementary

#F2D89F

#9FE2F2

#AE9FF2

Tetradic

#F2D89F

#9FF2AE

#9FB9F2

#F29FE2

Color Blindness Simulation

Original

#F2D89F

Protanopia

#E7E7AD

Deuteranopia

#E8EAB0

Tritanopia

#F1B8BA

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#FCF9F2
100
#F9F1E2
200
#F6E5C0
300
#F0D393
400
#E8BB59
500
#E1A41E
600
#B48318
700
#906914
800
#70520F
900
#523D0F
950
#34260A

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

15,1:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026