#FBF357

#FBF357

Color Values

HEX

#FBF357

RGB

251, 243, 87

HSL

57.1, 95.3%, 66.3%

HSV

57.1, 65.3%, 98.4%

CMYK

0.0%, 3.2%, 65.3%, 1.6%

OKLCH

0.9432 0.1712 106.4

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FBF357

#575FFB

Analogous

#FBA157

#B1FB57

#FBF357

Triadic

#FBF357

#57FBF3

#F357FB

Split Complementary

#FBF357

#57B1FB

#A157FB

Tetradic

#FBF357

#57FBA1

#575FFB

#FB57B1

Color Blindness Simulation

Original

#FBF357

Protanopia

#F8F77D

Deuteranopia

#F8F986

Tritanopia

#FB9BA1

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FDFAB9
300
#FCF687
400
#FBF247
500
#F9ED06
600
#C7BE05
700
#9F9804
800
#7D7703
900
#5A5607
950
#393604

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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