#FBF456

#FBF456

Color Values

HEX

#FBF456

RGB

251, 244, 86

HSL

57.5, 95.4%, 66.1%

HSV

57.5, 65.7%, 98.4%

CMYK

0.0%, 2.8%, 65.7%, 1.6%

OKLCH

0.9452 0.1728 106.8

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FBF456

#565DFB

Analogous

#FBA256

#AFFB56

#FBF456

Triadic

#FBF456

#56FBF4

#F456FB

Split Complementary

#FBF456

#56AFFB

#A256FB

Tetradic

#FBF456

#56FBA2

#565DFB

#FB56AF

Color Blindness Simulation

Original

#FBF456

Protanopia

#F8F87C

Deuteranopia

#F8F985

Tritanopia

#FB9AA1

Achromatopsia

#EAEAEA

CSS Usage

background-color: #FBF456;
color: #FBF456;
border-color: #FBF456;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FDFBB9
300
#FCF787
400
#FBF347
500
#F9EF06
600
#C7BF05
700
#9F9904
800
#7D7703
900
#5A5707
950
#393704

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.18:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026