#FBF346

#FBF346

Color Values

HEX

#FBF346

RGB

251, 243, 70

HSL

57.3, 95.8%, 62.9%

HSV

57.3, 72.1%, 98.4%

CMYK

0.0%, 3.2%, 72.1%, 1.6%

OKLCH

0.942 0.1817 106.7

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FBF346

#464EFB

Analogous

#FB9846

#A9FB46

#FBF346

Triadic

#FBF346

#46FBF3

#F346FB

Split Complementary

#FBF346

#46A9FB

#9846FB

Tetradic

#FBF346

#46FB98

#464EFB

#FB46A9

Color Blindness Simulation

Original

#FBF346

Protanopia

#F8F770

Deuteranopia

#F8F97A

Tritanopia

#FB9198

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADF
200
#FEFAB9
300
#FCF787
400
#FBF346
500
#FAEF05
600
#C8BF04
700
#A09903
800
#7D7703
900
#5A5607
950
#393704

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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