#FCD346

#FCD346

Color Values

HEX

#FCD346

RGB

252, 211, 70

HSL

46.5, 96.8%, 63.1%

HSV

46.5, 72.2%, 98.8%

CMYK

0.0%, 16.3%, 72.2%, 1.2%

OKLCH

0.8784 0.1578 92.2

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FCD346

#466FFC

Analogous

#FC7846

#CAFC46

#FCD346

Triadic

#FCD346

#46FCD3

#D346FC

Split Complementary

#FCD346

#46CAFC

#7846FC

Tetradic

#FCD346

#46FC78

#466FFC

#FC46CA

Color Blindness Simulation

Original

#FCD346

Protanopia

#EAEA68

Deuteranopia

#EDF070

Tritanopia

#FA8389

Achromatopsia

#D2D2D2

CSS Usage

background-color: #FCD346;
color: #FCD346;
border-color: #FCD346;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FEFBF1
100
#FCF5DE
200
#FEEEB9
300
#FDE287
400
#FCD345
500
#FBC304
600
#C99C03
700
#A17D03
800
#7D6202
900
#5B4806
950
#392D04

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.55:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026