#F2C98D

#F2C98D

Color Values

HEX

#F2C98D

RGB

242, 201, 141

HSL

35.6, 79.5%, 75.1%

HSV

35.6, 41.7%, 94.9%

CMYK

0.0%, 16.9%, 41.7%, 5.1%

OKLCH

0.8579 0.0897 76.6

Properties

Warm Light Nearest: burlywood 2

Color Harmonies

Complementary

#F2C98D

#8DB6F2

Analogous

#F2968D

#E9F28D

#F2C98D

Triadic

#F2C98D

#8DF2C9

#C98DF2

Split Complementary

#F2C98D

#8DE9F2

#968DF2

Tetradic

#F2C98D

#8DF296

#8DB6F2

#F28DE9

Color Blindness Simulation

Original

#F2C98D

Protanopia

#E0E09C

Deuteranopia

#E3E69F

Tritanopia

#F0A7AA

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#FDF8F2
100
#F9EFE1
200
#F8E1BF
300
#F2CB91
400
#ECAF56
500
#E5921A
600
#B77515
700
#925E11
800
#72490D
900
#53370E
950
#342309

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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