#FEC062

#FEC062

Color Values

HEX

#FEC062

RGB

254, 192, 98

HSL

36.2, 98.7%, 69.0%

HSV

36.2, 61.4%, 99.6%

CMYK

0.0%, 24.4%, 61.4%, 0.4%

OKLCH

0.8465 0.1315 75.7

Properties

Warm Light Nearest: Yellow Orange

Color Harmonies

Complementary

#FEC062

#62A0FE

Analogous

#FE7262

#EEFE62

#FEC062

Triadic

#FEC062

#62FEC0

#C062FE

Split Complementary

#FEC062

#62EEFE

#7262FE

Tetradic

#FEC062

#62FE72

#62A0FE

#FE62EE

Color Blindness Simulation

Original

#FEC062

Protanopia

#E3E379

Deuteranopia

#E7EB7E

Tritanopia

#FB8B8F

Achromatopsia

#C6C6C6

CSS Usage

background-color: #FEC062;
color: #FEC062;
border-color: #FEC062;
Nearest Tailwind: Orange 300 #FDBA74

Tailwind Shades

50
#FEF9F1
100
#FCF0DE
200
#FFE3B8
300
#FECE85
400
#FEB444
500
#FD9A02
600
#CB7B01
700
#A26201
800
#7F4D01
900
#5B3905
950
#3A2403

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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