#FEB201

#FEB201

Color Values

HEX

#FEB201

RGB

254, 178, 1

HSL

42,0, 99,2%, 50,0%

HSV

42,0, 99,6%, 99,6%

CMYK

0,0%, 29,9%, 99,6%, 0,4%

OKLCH

0,815 0,1699 77,8

Properties

Warm Light Nearest: darkgoldenrod 1

Color Harmonies

Complementary

#FEB201

#014DFE

Analogous

#FE3401

#CBFE01

#FEB201

Triadic

#FEB201

#01FEB2

#B201FE

Split Complementary

#FEB201

#01CBFE

#3401FE

Tetradic

#FEB201

#01FE34

#014DFE

#FE01CB

Color Blindness Simulation

Original

#FEB201

Protanopia

#DDDC2C

Deuteranopia

#E2E736

Tritanopia

#FA4E55

Achromatopsia

#B5B5B5

CSS Usage

background-color: #FEB201;
color: #FEB201;
border-color: #FEB201;
Nearest Tailwind: Amber 400 #FBBF24

Tailwind Shades

50
#FEFAF1
100
#FCF3DE
200
#FFE9B8
300
#FFDA85
400
#FEC643
500
#FEB201
600
#CB8E01
700
#A37201
800
#7F5901
900
#5C4205
950
#3A2A03

Contrast Checker

Text on white

1,81:1

AA Fail AAA Fail

Text on black

11,58:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026