#FDD198

#FDD198

Color Values

HEX

#FDD198

RGB

253, 209, 152

HSL

33.9, 96.2%, 79.4%

HSV

33.9, 39.9%, 99.2%

CMYK

0.0%, 17.4%, 39.9%, 0.8%

OKLCH

0.8856 0.0881 73.5

Properties

Warm Light Nearest: burlywood 1

Color Harmonies

Complementary

#FDD198

#98C4FD

Analogous

#FD9F98

#F6FD98

#FDD198

Triadic

#FDD198

#98FDD1

#D198FD

Split Complementary

#FDD198

#98F6FD

#9F98FD

Tetradic

#FDD198

#98FD9F

#98C4FD

#FD98F6

Color Blindness Simulation

Original

#FDD198

Protanopia

#EAEAA6

Deuteranopia

#ECF0A9

Tritanopia

#FBB1B3

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEFDF
200
#FEE0B9
300
#FDC987
400
#FBAC46
500
#FA8F05
600
#C87304
700
#A05C03
800
#7D4802
900
#5A3607
950
#392204

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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