#FBE0B4

#FBE0B4

Color Values

HEX

#FBE0B4

RGB

251, 224, 180

HSL

37.2, 89.9%, 84.5%

HSV

37.2, 28.3%, 98.4%

CMYK

0.0%, 10.8%, 28.3%, 1.6%

OKLCH

0.9182 0.0644 79.9

Properties

Warm Light Nearest: wheat

Color Harmonies

Complementary

#FBE0B4

#B4CFFB

Analogous

#FBBCB4

#F2FBB4

#FBE0B4

Triadic

#FBE0B4

#B4FBE0

#E0B4FB

Split Complementary

#FBE0B4

#B4F2FB

#BCB4FB

Tetradic

#FBE0B4

#B4FBBC

#B4CFFB

#FBB4F2

Color Blindness Simulation

Original

#FBE0B4

Protanopia

#EFEFBF

Deuteranopia

#F1F3C1

Tritanopia

#FAC7C9

Achromatopsia

#E3E3E3

CSS Usage

background-color: #FBE0B4;
color: #FBE0B4;
border-color: #FBE0B4;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FDF9F2
100
#FBF0E0
200
#FBE3BB
300
#F9CF8B
400
#F5B54C
500
#F29B0D
600
#C27C0A
700
#9B6308
800
#794E06
900
#583A09
950
#372506

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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