#FFC485

#FFC485

Color Values

HEX

#FFC485

RGB

255, 196, 133

HSL

31.0, 100.0%, 76.1%

HSV

31.0, 47.8%, 100.0%

CMYK

0.0%, 23.1%, 47.8%, 0.0%

OKLCH

0.8598 0.1044 67.5

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FFC485

#85C0FF

Analogous

#FF8785

#FDFF85

#FFC485

Triadic

#FFC485

#85FFC4

#C485FF

Split Complementary

#FFC485

#85FDFF

#8785FF

Tetradic

#FFC485

#85FF87

#85C0FF

#FF85FD

Color Blindness Simulation

Original

#FFC485

Protanopia

#E5E594

Deuteranopia

#E9ED98

Tritanopia

#FCA0A3

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FEF8F1
100
#FCEEDE
200
#FFDCB8
300
#FFC485
400
#FFA442
500
#FF8400
600
#CC6900
700
#A35400
800
#804200
900
#5C3205
950
#3A2003

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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