#F9B481

#F9B481

Color Values

HEX

#F9B481

RGB

249, 180, 129

HSL

25.5, 90.9%, 74.1%

HSV

25.5, 48.2%, 97.6%

CMYK

0.0%, 27.7%, 48.2%, 2.4%

OKLCH

0.8234 0.1043 57.2

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#F9B481

#81C6F9

Analogous

#F9818A

#F9F081

#F9B481

Triadic

#F9B481

#81F9B4

#B481F9

Split Complementary

#F9B481

#81F9F0

#818AF9

Tetradic

#F9B481

#8AF981

#81C6F9

#F081F9

Color Blindness Simulation

Original

#F9B481

Protanopia

#DBDB8D

Deuteranopia

#DFE490

Tritanopia

#F69799

Achromatopsia

#BFBFBF

CSS Usage

background-color: #F9B481;
color: #F9B481;
border-color: #F9B481;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FDF6F1
100
#FBEBDF
200
#FCD6BB
300
#F9B98A
400
#F6944B
500
#F36E0C
600
#C35809
700
#9C4607
800
#7A3706
900
#582B09
950
#381B06

Contrast Checker

Text on white

1.77:1

AA Fail AAA Fail

Text on black

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