#FDF286

#FDF286

Color Values

HEX

#FDF286

RGB

253, 242, 134

HSL

54.5, 96.7%, 75.9%

HSV

54.5, 47.0%, 99.2%

CMYK

0.0%, 4.3%, 47.0%, 0.8%

OKLCH

0.9477 0.1303 103.4

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FDF286

#8691FD

Analogous

#FDB786

#CCFD86

#FDF286

Triadic

#FDF286

#86FDF2

#F286FD

Split Complementary

#FDF286

#86CCFD

#B786FD

Tetradic

#FDF286

#86FDB7

#8691FD

#FD86CC

Color Blindness Simulation

Original

#FDF286

Protanopia

#F8F8A0

Deuteranopia

#F9FAA6

Tritanopia

#FCB5B9

Achromatopsia

#EDEDED

CSS Usage

background-color: #FDF286;
color: #FDF286;
border-color: #FDF286;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FEFCF1
100
#FCF9DE
200
#FEF7B9
300
#FDF287
400
#FCEB45
500
#FBE404
600
#C9B703
700
#A19203
800
#7D7202
900
#5B5306
950
#393404

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

18.22:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026