#F9DB48

#F9DB48

Color Values

HEX

#F9DB48

RGB

249, 219, 72

HSL

49.8, 93.7%, 62.9%

HSV

49.8, 71.1%, 97.6%

CMYK

0.0%, 12.0%, 71.1%, 2.4%

OKLCH

0.8917 0.1613 97.3

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#F9DB48

#4866F9

Analogous

#F98248

#BFF948

#F9DB48

Triadic

#F9DB48

#48F9DB

#DB48F9

Split Complementary

#F9DB48

#48BFF9

#8248F9

Tetradic

#F9DB48

#48F982

#4866F9

#F948BF

Color Blindness Simulation

Original

#F9DB48

Protanopia

#ECEC6C

Deuteranopia

#EEF074

Tritanopia

#F7888E

Achromatopsia

#D7D7D7

CSS Usage

background-color: #F9DB48;
color: #F9DB48;
border-color: #F9DB48;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FDFBF1
100
#FBF7DF
200
#FDF1BA
300
#FBE888
400
#F9DB48
500
#F7CE08
600
#C6A506
700
#9E8405
800
#7B6704
900
#594B08
950
#383005

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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