#FDD134

#FDD134

Color Values

HEX

#FDD134

RGB

253, 209, 52

HSL

46.9, 98.0%, 59.8%

HSV

46.9, 79.4%, 99.2%

CMYK

0.0%, 17.4%, 79.4%, 0.8%

OKLCH

0.8744 0.1662 91.9

Properties

Warm Light Nearest: RAL 1017 Saffron Yellow

Color Harmonies

Complementary

#FDD134

#3460FD

Analogous

#FD6D34

#C4FD34

#FDD134

Triadic

#FDD134

#34FDD1

#D134FD

Split Complementary

#FDD134

#34C4FD

#6D34FD

Tetradic

#FDD134

#34FD6D

#3460FD

#FD34C4

Color Blindness Simulation

Original

#FDD134

Protanopia

#EAEA5A

Deuteranopia

#ECF063

Tritanopia

#FB787F

Achromatopsia

#CFCFCF

CSS Usage

background-color: #FDD134;
color: #FDD134;
border-color: #FDD134;
Nearest Tailwind: Yellow 400 #FACC15

Tailwind Shades

50
#FEFBF1
100
#FCF6DE
200
#FEEFB8
300
#FEE486
400
#FDD544
500
#FCC603
600
#CA9E02
700
#A27F02
800
#7E6301
900
#5B4906
950
#3A2E04

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.35:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026