#FCE187

#FCE187

Color Values

HEX

#FCE187

RGB

252, 225, 135

HSL

46.2, 95.1%, 75.9%

HSV

46.2, 46.4%, 98.8%

CMYK

0.0%, 10.7%, 46.4%, 1.2%

OKLCH

0.9131 0.1139 93.2

Properties

Warm Light Nearest: lightgoldenrod 2

Color Harmonies

Complementary

#FCE187

#87A2FC

Analogous

#FCA787

#DCFC87

#FCE187

Triadic

#FCE187

#87FCE1

#E187FC

Split Complementary

#FCE187

#87DCFC

#A787FC

Tetradic

#FCE187

#87FCA7

#87A2FC

#FC87DC

Color Blindness Simulation

Original

#FCE187

Protanopia

#F0F09D

Deuteranopia

#F2F4A2

Tritanopia

#FBAEB2

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#FEFBF1
100
#FCF5DF
200
#FDEEB9
300
#FCE188
400
#FAD147
500
#F9C106
600
#C79A05
700
#9F7C04
800
#7C6003
900
#5A4707
950
#392D04

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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