#FED589

#FED589

Color Values

HEX

#FED589

RGB

254, 213, 137

HSL

39.0, 98.3%, 76.7%

HSV

39.0, 46.1%, 99.6%

CMYK

0.0%, 16.1%, 46.1%, 0.4%

OKLCH

0.8917 0.1049 82.1

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FED589

#89B2FE

Analogous

#FE9B89

#ECFE89

#FED589

Triadic

#FED589

#89FED5

#D589FE

Split Complementary

#FED589

#89ECFE

#9B89FE

Tetradic

#FED589

#89FE9B

#89B2FE

#FE89EC

Color Blindness Simulation

Original

#FED589

Protanopia

#ECEC9B

Deuteranopia

#EFF2A0

Tritanopia

#FCAAAD

Achromatopsia

#D8D8D8

CSS Usage

background-color: #FED589;
color: #FED589;
border-color: #FED589;
Nearest Tailwind: Amber 200 #FDE68A

Tailwind Shades

50
#FEF9F1
100
#FCF2DE
200
#FEE6B8
300
#FED486
400
#FDBC44
500
#FDA502
600
#CA8402
700
#A26A01
800
#7E5301
900
#5B3D06
950
#3A2704

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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