#FBF696

#FBF696

Color Values

HEX

#FBF696

RGB

251, 246, 150

HSL

57.0, 92.7%, 78.6%

HSV

57.0, 40.2%, 98.4%

CMYK

0.0%, 2.0%, 40.2%, 1.6%

OKLCH

0.9565 0.118 105.8

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FBF696

#969BFB

Analogous

#FBC396

#CDFB96

#FBF696

Triadic

#FBF696

#96FBF6

#F696FB

Split Complementary

#FBF696

#96CDFB

#C396FB

Tetradic

#FBF696

#96FBC3

#969BFB

#FB96CD

Color Blindness Simulation

Original

#FBF696

Protanopia

#F9F9AD

Deuteranopia

#F9FAB3

Tritanopia

#FBC0C4

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FCF9BA
300
#FBF589
400
#F8EF49
500
#F6EA09
600
#C5BB07
700
#9D9606
800
#7B7505
900
#595508
950
#383605

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

18.72:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026