#FCF945

#FCF945

Color Values

HEX

#FCF945

RGB

252, 249, 69

HSL

59.0, 96.8%, 62.9%

HSV

59.0, 72.6%, 98.8%

CMYK

0.0%, 1.2%, 72.6%, 1.2%

OKLCH

0.9551 0.1875 108.5

Properties

Warm Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#FCF945

#4548FC

Analogous

#FC9D45

#A3FC45

#FCF945

Triadic

#FCF945

#45FCF9

#F945FC

Split Complementary

#FCF945

#45A3FC

#9D45FC

Tetradic

#FCF945

#45FC9D

#4548FC

#FC45A3

Color Blindness Simulation

Original

#FCF945

Protanopia

#FBFB71

Deuteranopia

#FBFB7B

Tritanopia

#FC939A

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FEFDB9
300
#FDFB87
400
#FCF945
500
#FBF704
600
#C9C503
700
#A19E03
800
#7D7B02
900
#5B5906
950
#393804

Contrast Checker

Text on white

1.12:1

AA Fail AAA Fail

Text on black

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