#F1B481

#F1B481

Color Values

HEX

#F1B481

RGB

241, 180, 129

HSL

27.3, 80.0%, 72.5%

HSV

27.3, 46.5%, 94.5%

CMYK

0.0%, 25.3%, 46.5%, 5.5%

OKLCH

0.8149 0.0973 60.7

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#F1B481

#81BEF1

Analogous

#F18186

#F1EC81

#F1B481

Triadic

#F1B481

#81F1B4

#B481F1

Split Complementary

#F1B481

#81F1EC

#8186F1

Tetradic

#F1B481

#86F181

#81BEF1

#EC81F1

Color Blindness Simulation

Original

#F1B481

Protanopia

#D7D68D

Deuteranopia

#DADF90

Tritanopia

#EE9799

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#FDF7F2
100
#F9ECE1
200
#F8D9BF
300
#F3BD91
400
#EC9A55
500
#E67619
600
#B85F14
700
#934C10
800
#733B0D
900
#532D0E
950
#351D09

Contrast Checker

Text on white

1.81:1

AA Fail AAA Fail

Text on black

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