#F9DF48

#F9DF48

Color Values

HEX

#F9DF48

RGB

249, 223, 72

HSL

51,2, 93,7%, 62,9%

HSV

51,2, 71,1%, 97,6%

CMYK

0,0%, 10,4%, 71,1%, 2,4%

OKLCH

0,8997 0,1642 99,2

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#F9DF48

#4862F9

Analogous

#F98648

#BAF948

#F9DF48

Triadic

#F9DF48

#48F9DF

#DF48F9

Split Complementary

#F9DF48

#48BAF9

#8648F9

Tetradic

#F9DF48

#48F986

#4862F9

#F948BA

Color Blindness Simulation

Original

#F9DF48

Protanopia

#EEEE6C

Deuteranopia

#EFF175

Tritanopia

#F88990

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF7DF
200
#FDF3BA
300
#FBEA88
400
#F9DF48
500
#F7D408
600
#C6AA06
700
#9E8805
800
#7B6A04
900
#594D08
950
#383105

Contrast Checker

Text on white

1,34:1

AA Fail AAA Fail

Text on black

15,68: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