#FBEB76

#FBEB76

Color Values

HEX

#FBEB76

RGB

251, 235, 118

HSL

52.8, 94.3%, 72.4%

HSV

52.8, 53.0%, 98.4%

CMYK

0.0%, 6.4%, 53.0%, 1.6%

OKLCH

0.9299 0.1389 101.6

Properties

Warm Light Nearest: Yellow

Color Harmonies

Complementary

#FBEB76

#7686FB

Analogous

#FBA976

#C9FB76

#FBEB76

Triadic

#FBEB76

#76FBEB

#EB76FB

Split Complementary

#FBEB76

#76C9FB

#A976FB

Tetradic

#FBEB76

#76FBA9

#7686FB

#FB76C9

Color Blindness Simulation

Original

#FBEB76

Protanopia

#F4F492

Deuteranopia

#F5F699

Tritanopia

#FAA9AE

Achromatopsia

#E6E6E6

CSS Usage

background-color: #FBEB76;
color: #FBEB76;
border-color: #FBEB76;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FDFCF1
100
#FBF8DF
200
#FDF5BA
300
#FCEE88
400
#FAE448
500
#F8DB07
600
#C6AF06
700
#9F8C05
800
#7C6D04
900
#5A5007
950
#393205

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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