#FBE347

#FBE347

Color Values

HEX

#FBE347

RGB

251, 227, 71

HSL

52.0, 95.7%, 63.1%

HSV

52.0, 71.7%, 98.4%

CMYK

0.0%, 9.6%, 71.7%, 1.6%

OKLCH

0.9095 0.1679 100.3

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FBE347

#475FFB

Analogous

#FB8947

#B9FB47

#FBE347

Triadic

#FBE347

#47FBE3

#E347FB

Split Complementary

#FBE347

#47B9FB

#8947FB

Tetradic

#FBE347

#47FB89

#475FFB

#FB47B9

Color Blindness Simulation

Original

#FBE347

Protanopia

#F1F06D

Deuteranopia

#F2F476

Tritanopia

#FA8B91

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#FEFCF1
100
#FCF8DF
200
#FDF4B9
300
#FCED87
400
#FBE346
500
#FAD905
600
#C8AE04
700
#A08B04
800
#7D6C03
900
#5A4F07
950
#393204

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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