#FCFC30

#FCFC30

Color Values

HEX

#FCFC30

RGB

252, 252, 48

HSL

60.0, 97.1%, 58.8%

HSV

60.0, 81.0%, 98.8%

CMYK

0.0%, 0.0%, 81.0%, 1.2%

OKLCH

0.9603 0.1996 109.6

Properties

Warm Light Nearest: Laser Lemon

Color Harmonies

Complementary

#FCFC30

#3030FC

Analogous

#FC9630

#96FC30

#FCFC30

Triadic

#FCFC30

#30FCFC

#FC30FC

Split Complementary

#FCFC30

#3096FC

#9630FC

Tetradic

#FCFC30

#30FC96

#3030FC

#FC3096

Color Blindness Simulation

Original

#FCFC30

Protanopia

#FCFC61

Deuteranopia

#FCFC6D

Tritanopia

#FC8891

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDE
200
#FEFEB9
300
#FDFD86
400
#FCFC45
500
#FBFB04
600
#C9C903
700
#A1A102
800
#7E7E02
900
#5B5B06
950
#393904

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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