#FCC48E

#FCC48E

Color Values

HEX

#FCC48E

RGB

252, 196, 142

HSL

29.5, 94.8%, 77.3%

HSV

29.5, 43.7%, 98.8%

CMYK

0.0%, 22.2%, 43.7%, 1.2%

OKLCH

0.8583 0.0946 65.0

Properties

Warm Light Nearest: Macaroni and Cheese

Color Harmonies

Complementary

#FCC48E

#8EC6FC

Analogous

#FC8E8F

#FCFB8E

#FCC48E

Triadic

#FCC48E

#8EFCC4

#C48EFC

Split Complementary

#FCC48E

#8EFCFB

#8E8FFC

Tetradic

#FCC48E

#8FFC8E

#8EC6FC

#FB8EFC

Color Blindness Simulation

Original

#FCC48E

Protanopia

#E4E39B

Deuteranopia

#E7EB9E

Tritanopia

#F9A5A8

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#FEF7F1
100
#FCEDDF
200
#FDDBB9
300
#FCC188
400
#FA9F47
500
#F87D07
600
#C76405
700
#9F5004
800
#7C3F03
900
#5A3007
950
#391E04

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.43:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026