#FBE0B2

#FBE0B2

Color Values

HEX

#FBE0B2

RGB

251, 224, 178

HSL

37.8, 90.1%, 84.1%

HSV

37.8, 29.1%, 98.4%

CMYK

0.0%, 10.8%, 29.1%, 1.6%

OKLCH

0.9177 0.0666 80.9

Properties

Warm Light Nearest: moccasin

Color Harmonies

Complementary

#FBE0B2

#B2CDFB

Analogous

#FBBBB2

#F1FBB2

#FBE0B2

Triadic

#FBE0B2

#B2FBE0

#E0B2FB

Split Complementary

#FBE0B2

#B2F1FB

#BBB2FB

Tetradic

#FBE0B2

#B2FBBB

#B2CDFB

#FBB2F1

Color Blindness Simulation

Original

#FBE0B2

Protanopia

#EFEFBD

Deuteranopia

#F1F3C0

Tritanopia

#FAC6C8

Achromatopsia

#E2E2E2

CSS Usage

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

Tailwind Shades

50
#FDF9F1
100
#FBF1DF
200
#FBE4BB
300
#F9D08B
400
#F6B74C
500
#F29D0D
600
#C27E0A
700
#9B6508
800
#794F06
900
#583B09
950
#372506

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

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