#FDEB02

#FDEB02

Color Values

HEX

#FDEB02

RGB

253, 235, 2

HSL

55.7, 98.4%, 50.0%

HSV

55.7, 99.2%, 99.2%

CMYK

0.0%, 7.1%, 99.2%, 0.8%

OKLCH

0.9252 0.1951 103.9

Properties

Warm Light Nearest: RAL 1018 Zinc Yellow

Color Harmonies

Complementary

#FDEB02

#0214FD

Analogous

#FD6E02

#91FD02

#FDEB02

Triadic

#FDEB02

#02FDEB

#EB02FD

Split Complementary

#FDEB02

#0291FD

#6E02FD

Tetradic

#FDEB02

#02FD6E

#0214FD

#FD0291

Color Blindness Simulation

Original

#FDEB02

Protanopia

#F5F53A

Deuteranopia

#F6F848

Tritanopia

#FC6771

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FEF9B8
300
#FEF586
400
#FDF044
500
#FDEB02
600
#CABC02
700
#A29601
800
#7E7501
900
#5B5506
950
#3A3604

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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