#FDFA66

#FDFA66

Color Values

HEX

#FDFA66

RGB

253, 250, 102

HSL

58.8, 97.4%, 69.6%

HSV

58.8, 59.7%, 99.2%

CMYK

0.0%, 1.2%, 59.7%, 0.8%

OKLCH

0.9604 0.1667 108.1

Properties

Warm Light Nearest: Unmellow Yellow

Color Harmonies

Complementary

#FDFA66

#6669FD

Analogous

#FDAE66

#B5FD66

#FDFA66

Triadic

#FDFA66

#66FDFA

#FA66FD

Split Complementary

#FDFA66

#66B5FD

#AE66FD

Tetradic

#FDFA66

#66FDAE

#6669FD

#FD66B5

Color Blindness Simulation

Original

#FDFA66

Protanopia

#FCFC8A

Deuteranopia

#FCFC92

Tritanopia

#FDA6AC

Achromatopsia

#F0F0F0

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FEFDB9
300
#FDFB86
400
#FDF945
500
#FCF703
600
#C9C503
700
#A19E02
800
#7E7B02
900
#5B5906
950
#393804

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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