#FCFD46

#FCFD46

Color Values

HEX

#FCFD46

RGB

252, 253, 70

HSL

60.3, 97.9%, 63.3%

HSV

60.3, 72.3%, 99.2%

CMYK

0.4%, 0.0%, 72.3%, 0.8%

OKLCH

0.9634 0.1907 109.8

Properties

Cool Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#FCFD46

#4746FD

Analogous

#FDA246

#A0FD46

#FCFD46

Triadic

#FCFD46

#46FCFD

#FD46FC

Split Complementary

#FCFD46

#46A0FD

#A246FD

Tetradic

#FCFD46

#46FDA2

#4746FD

#FD46A0

Color Blindness Simulation

Original

#FCFD46

Protanopia

#FCFC72

Deuteranopia

#FCFC7D

Tritanopia

#FC959D

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FEFEF1
100
#FCFCDE
200
#FEFEB8
300
#FDFE86
400
#FCFD44
500
#FBFC03
600
#C9CA02
700
#A1A102
800
#7E7E01
900
#5B5B06
950
#393A04

Contrast Checker

Text on white

1.09:1

AA Fail AAA Fail

Text on black

19.28:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026