#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026