#FBF798

#FBF798

Color Values

HEX

#FBF798

RGB

251, 247, 152

HSL

57.6, 92.5%, 79.0%

HSV

57.6, 39.4%, 98.4%

CMYK

0.0%, 1.6%, 39.4%, 1.6%

OKLCH

0.9588 0.1169 106.3

Properties

Warm Light Nearest: Canary

Color Harmonies

Complementary

#FBF798

#989CFB

Analogous

#FBC598

#CDFB98

#FBF798

Triadic

#FBF798

#98FBF7

#F798FB

Split Complementary

#FBF798

#98CDFB

#C598FB

Tetradic

#FBF798

#98FBC5

#989CFB

#FB98CD

Color Blindness Simulation

Original

#FBF798

Protanopia

#F9F9AF

Deuteranopia

#FAFAB4

Tritanopia

#FBC1C5

Achromatopsia

#F1F1F1

CSS Usage

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

Tailwind Shades

50
#FDFDF1
100
#FBFADF
200
#FCFABA
300
#FAF689
400
#F8F149
500
#F5EC0A
600
#C4BD08
700
#9D9706
800
#7B7605
900
#595608
950
#383605

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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