#FEF601

#FEF601

Color Values

HEX

#FEF601

RGB

254, 246, 1

HSL

58.1, 99.2%, 50.0%

HSV

58.1, 99.6%, 99.6%

CMYK

0.0%, 3.1%, 99.6%, 0.4%

OKLCH

0.9486 0.2036 107.3

Properties

Warm Light Nearest: Laser Lemon

Color Harmonies

Complementary

#FEF601

#0109FE

Analogous

#FE7701

#88FE01

#FEF601

Triadic

#FEF601

#01FEF6

#F601FE

Split Complementary

#FEF601

#0188FE

#7701FE

Tetradic

#FEF601

#01FE77

#0109FE

#FE0188

Color Blindness Simulation

Original

#FEF601

Protanopia

#FBFA3C

Deuteranopia

#FBFC4A

Tritanopia

#FE6B75

Achromatopsia

#E6E6E6

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFBDE
200
#FFFCB8
300
#FFFB85
400
#FEF843
500
#FEF601
600
#CBC501
700
#A39D01
800
#7F7B01
900
#5C5905
950
#3A3803

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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