#FFC496

#FFC496

Color Values

HEX

#FFC496

RGB

255, 196, 150

HSL

26.3, 100.0%, 79.4%

HSV

26.3, 41.2%, 100.0%

CMYK

0.0%, 23.1%, 41.2%, 0.0%

OKLCH

0.8628 0.0905 59.1

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FFC496

#96D1FF

Analogous

#FF969C

#FFF996

#FFC496

Triadic

#FFC496

#96FFC4

#C496FF

Split Complementary

#FFC496

#96FFF9

#969CFF

Tetradic

#FFC496

#9CFF96

#96D1FF

#F996FF

Color Blindness Simulation

Original

#FFC496

Protanopia

#E5E5A1

Deuteranopia

#E9EDA4

Tritanopia

#FCAAAC

Achromatopsia

#CDCDCD

CSS Usage

background-color: #FFC496;
color: #FFC496;
border-color: #FFC496;
Nearest Tailwind: Orange 200 #FED7AA

Tailwind Shades

50
#FEF7F1
100
#FCEBDE
200
#FFD7B8
300
#FFBA85
400
#FF9542
500
#FF7000
600
#CC5900
700
#A34800
800
#803800
900
#5C2B05
950
#3A1B03

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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