#FED187

#FED187

Color Values

HEX

#FED187

RGB

254, 209, 135

HSL

37.3, 98.3%, 76.3%

HSV

37.3, 46.9%, 99.6%

CMYK

0.0%, 17.7%, 46.9%, 0.4%

OKLCH

0.8837 0.105 79.2

Properties

Warm Light Nearest: NCS S 0530-Y30R Apricot

Color Harmonies

Complementary

#FED187

#87B4FE

Analogous

#FE9687

#F0FE87

#FED187

Triadic

#FED187

#87FED1

#D187FE

Split Complementary

#FED187

#87F0FE

#9687FE

Tetradic

#FED187

#87FE96

#87B4FE

#FE87F0

Color Blindness Simulation

Original

#FED187

Protanopia

#EBEA99

Deuteranopia

#EDF09D

Tritanopia

#FCA7AA

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FEF9F1
100
#FCF1DE
200
#FEE4B8
300
#FED086
400
#FDB744
500
#FD9E02
600
#CA7E02
700
#A26501
800
#7E4F01
900
#5B3B06
950
#3A2504

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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