#FCF346

#FCF346

Color Values

HEX

#FCF346

RGB

252, 243, 70

HSL

57.0, 96.8%, 63.1%

HSV

57.0, 72.2%, 98.8%

CMYK

0.0%, 3.6%, 72.2%, 1.2%

OKLCH

0.9428 0.1816 106.4

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FCF346

#464FFC

Analogous

#FC9846

#AAFC46

#FCF346

Triadic

#FCF346

#46FCF3

#F346FC

Split Complementary

#FCF346

#46AAFC

#9846FC

Tetradic

#FCF346

#46FC98

#464FFC

#FC46AA

Color Blindness Simulation

Original

#FCF346

Protanopia

#F8F870

Deuteranopia

#F9F97A

Tritanopia

#FC9198

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FEFAB9
300
#FDF787
400
#FCF345
500
#FBEF04
600
#C9BF03
700
#A19903
800
#7D7702
900
#5B5606
950
#393704

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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