#FEF044

#FEF044

Color Values

HEX

#FEF044

RGB

254, 240, 68

HSL

55,5, 98,9%, 63,1%

HSV

55,5, 73,2%, 99,6%

CMYK

0,0%, 5,5%, 73,2%, 0,4%

OKLCH

0,9383 0,1798 104,6

Properties

Warm Light Nearest: Lemon Yellow

Color Harmonies

Complementary

#FEF044

#4452FE

Analogous

#FE9344

#AFFE44

#FEF044

Triadic

#FEF044

#44FEF0

#F044FE

Split Complementary

#FEF044

#44AFFE

#9344FE

Tetradic

#FEF044

#44FE93

#4452FE

#FE44AF

Color Blindness Simulation

Original

#FEF044

Protanopia

#F8F86E

Deuteranopia

#F9FA78

Tritanopia

#FD8F96

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FFF9B8
300
#FEF585
400
#FEF043
500
#FEEB01
600
#CBBC01
700
#A29601
800
#7F7501
900
#5C5505
950
#3A3603

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,76: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