#F5CCAA

#F5CCAA

Color Values

HEX

#F5CCAA

RGB

245, 204, 170

HSL

27.2, 78.9%, 81.4%

HSV

27.2, 30.6%, 96.1%

CMYK

0.0%, 16.7%, 30.6%, 3.9%

OKLCH

0.8721 0.0648 61.5

Properties

Warm Light Nearest: peachpuff 2

Color Harmonies

Complementary

#F5CCAA

#AAD3F5

Analogous

#F5AAAE

#F5F1AA

#F5CCAA

Triadic

#F5CCAA

#AAF5CC

#CCAAF5

Split Complementary

#F5CCAA

#AAF5F1

#AAAEF5

Tetradic

#F5CCAA

#AEF5AA

#AAD3F5

#F1AAF5

Color Blindness Simulation

Original

#F5CCAA

Protanopia

#E3E3B2

Deuteranopia

#E6E9B4

Tritanopia

#F3B9BA

Achromatopsia

#D2D2D2

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9ECE1
200
#F7D9BF
300
#F2BD92
400
#EB9A56
500
#E4761B
600
#B65E16
700
#924C11
800
#723B0D
900
#532D0E
950
#341D09

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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