#FEAF01

#FEAF01

Color Values

HEX

#FEAF01

RGB

254, 175, 1

HSL

41.3, 99.2%, 50.0%

HSV

41.3, 99.6%, 99.6%

CMYK

0.0%, 31.1%, 99.6%, 0.4%

OKLCH

0.8095 0.1697 76.2

Properties

Warm Light Nearest: RAL 1028 Melon Yellow

Color Harmonies

Complementary

#FEAF01

#0150FE

Analogous

#FE3101

#CEFE01

#FEAF01

Triadic

#FEAF01

#01FEAF

#AF01FE

Split Complementary

#FEAF01

#01CEFE

#3101FE

Tetradic

#FEAF01

#01FE31

#0150FE

#FE01CE

Color Blindness Simulation

Original

#FEAF01

Protanopia

#DCDB2B

Deuteranopia

#E0E635

Tritanopia

#FA4C54

Achromatopsia

#B3B3B3

CSS Usage

background-color: #FEAF01;
color: #FEAF01;
border-color: #FEAF01;
Nearest Tailwind: Amber 500 #F59E0B

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FFE9B8
300
#FFD985
400
#FEC443
500
#FEAF01
600
#CB8C01
700
#A37001
800
#7F5801
900
#5C4105
950
#3A2903

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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