#FFEC85

#FFEC85

Color Values

HEX

#FFEC85

RGB

255, 236, 133

HSL

50.7, 100.0%, 76.1%

HSV

50.7, 47.8%, 100.0%

CMYK

0.0%, 7.5%, 47.8%, 0.0%

OKLCH

0.9373 0.1256 99.1

Properties

Warm Light Nearest: Yellow

Color Harmonies

Complementary

#FFEC85

#8598FF

Analogous

#FFAF85

#D5FF85

#FFEC85

Triadic

#FFEC85

#85FFEC

#EC85FF

Split Complementary

#FFEC85

#85D5FF

#AF85FF

Tetradic

#FFEC85

#85FFAF

#8598FF

#FF85D5

Color Blindness Simulation

Original

#FFEC85

Protanopia

#F7F79E

Deuteranopia

#F8F9A4

Tritanopia

#FEB2B6

Achromatopsia

#E9E9E9

CSS Usage

background-color: #FFEC85;
color: #FFEC85;
border-color: #FFEC85;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#FEFCF1
100
#FCF8DE
200
#FFF4B8
300
#FFEC85
400
#FFE242
500
#FFD700
600
#CCAC00
700
#A38A00
800
#806C00
900
#5C4F05
950
#3A3203

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

17.59:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026