#F5CFAC

#F5CFAC

Color Values

HEX

#F5CFAC

RGB

245, 207, 172

HSL

28.8, 78.5%, 81.8%

HSV

28.8, 29.8%, 96.1%

CMYK

0.0%, 15.5%, 29.8%, 3.9%

OKLCH

0.8783 0.0631 64.5

Properties

Warm Light Nearest: peachpuff 2

Color Harmonies

Complementary

#F5CFAC

#ACD2F5

Analogous

#F5ACAE

#F5F4AC

#F5CFAC

Triadic

#F5CFAC

#ACF5CF

#CFACF5

Split Complementary

#F5CFAC

#ACF5F4

#ACAEF5

Tetradic

#F5CFAC

#AEF5AC

#ACD2F5

#F4ACF5

Color Blindness Simulation

Original

#F5CFAC

Protanopia

#E5E4B4

Deuteranopia

#E7EAB6

Tritanopia

#F3BBBD

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EDE1
200
#F7DABF
300
#F2C092
400
#EB9E57
500
#E47B1B
600
#B66316
700
#924F12
800
#723E0E
900
#532F0E
950
#341E09

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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