#FFF485

#FFF485

Color Values

HEX

#FFF485

RGB

255, 244, 133

HSL

54.6, 100.0%, 76.1%

HSV

54.6, 47.8%, 100.0%

CMYK

0.0%, 4.3%, 47.8%, 0.0%

OKLCH

0.9533 0.1332 103.6

Properties

Warm Light Nearest: khaki 1

Color Harmonies

Complementary

#FFF485

#8590FF

Analogous

#FFB785

#CDFF85

#FFF485

Triadic

#FFF485

#85FFF4

#F485FF

Split Complementary

#FFF485

#85CDFF

#B785FF

Tetradic

#FFF485

#85FFB7

#8590FF

#FF85CD

Color Blindness Simulation

Original

#FFF485

Protanopia

#FAFAA0

Deuteranopia

#FBFCA6

Tritanopia

#FEB5BA

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#FEFDF1
100
#FCFADE
200
#FFF9B8
300
#FFF485
400
#FFEE42
500
#FFE800
600
#CCBA00
700
#A39500
800
#807400
900
#5C5405
950
#3A3503

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.53:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026