#FBF778

#FBF778

Color Values

HEX

#FBF778

RGB

251, 247, 120

HSL

58.2, 94.2%, 72.7%

HSV

58.2, 52.2%, 98.4%

CMYK

0.0%, 1.6%, 52.2%, 1.6%

OKLCH

0.9545 0.1488 107.3

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FBF778

#787CFB

Analogous

#FBB578

#BDFB78

#FBF778

Triadic

#FBF778

#78FBF7

#F778FB

Split Complementary

#FBF778

#78BDFB

#B578FB

Tetradic

#FBF778

#78FBB5

#787CFB

#FB78BD

Color Blindness Simulation

Original

#FBF778

Protanopia

#F9F997

Deuteranopia

#FAFA9E

Tritanopia

#FBAFB4

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFBDF
200
#FDFBBA
300
#FBF888
400
#FAF448
500
#F8F007
600
#C6C006
700
#9E9A05
800
#7C7804
900
#5A5707
950
#393705

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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