#F1B583

#F1B583

Color Values

HEX

#F1B583

RGB

241, 181, 131

HSL

27.3, 79.7%, 72.9%

HSV

27.3, 45.6%, 94.5%

CMYK

0.0%, 24.9%, 45.6%, 5.5%

OKLCH

0.8171 0.0956 60.7

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#F1B583

#83BFF1

Analogous

#F18388

#F1EC83

#F1B583

Triadic

#F1B583

#83F1B5

#B583F1

Split Complementary

#F1B583

#83F1EC

#8388F1

Tetradic

#F1B583

#88F183

#83BFF1

#EC83F1

Color Blindness Simulation

Original

#F1B583

Protanopia

#D7D68F

Deuteranopia

#DADF92

Tritanopia

#EE999B

Achromatopsia

#BEBEBE

CSS Usage

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

Tailwind Shades

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

Contrast Checker

Text on white

1.8:1

AA Fail AAA Fail

Text on black

11.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