#FECB43

#FECB43

Color Values

HEX

#FECB43

RGB

254, 203, 67

HSL

43.6, 98.9%, 62.9%

HSV

43.6, 73.6%, 99.6%

CMYK

0.0%, 20.1%, 73.6%, 0.4%

OKLCH

0.8646 0.1559 87.3

Properties

Warm Light Nearest: Sunglow

Color Harmonies

Complementary

#FECB43

#4376FE

Analogous

#FE6D43

#D4FE43

#FECB43

Triadic

#FECB43

#43FECB

#CB43FE

Split Complementary

#FECB43

#43D4FE

#6D43FE

Tetradic

#FECB43

#43FE6D

#4376FE

#FE43D4

Color Blindness Simulation

Original

#FECB43

Protanopia

#E8E764

Deuteranopia

#EBEF6C

Tritanopia

#FB7E84

Achromatopsia

#CCCCCC

CSS Usage

background-color: #FECB43;
color: #FECB43;
border-color: #FECB43;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FEFAF1
100
#FCF4DE
200
#FFEBB8
300
#FEDD85
400
#FECB43
500
#FEB901
600
#CB9401
700
#A27601
800
#7F5C01
900
#5C4405
950
#3A2B03

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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