#F1C9AC

#F1C9AC

Color Values

HEX

#F1C9AC

RGB

241, 201, 172

HSL

25.2, 71.1%, 81.0%

HSV

25.2, 28.6%, 94.5%

CMYK

0.0%, 16.6%, 28.6%, 5.5%

OKLCH

0.8631 0.0599 57.8

Properties

Warm Light Nearest: peachpuff 2

Color Harmonies

Complementary

#F1C9AC

#ACD4F1

Analogous

#F1ACB2

#F1EBAC

#F1C9AC

Triadic

#F1C9AC

#ACF1C9

#C9ACF1

Split Complementary

#F1C9AC

#ACF1EB

#ACB2F1

Tetradic

#F1C9AC

#B2F1AC

#ACD4F1

#EBACF1

Color Blindness Simulation

Original

#F1C9AC

Protanopia

#E0DFB3

Deuteranopia

#E2E5B5

Tritanopia

#EFB9BA

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F8EBE2
200
#F5D7C2
300
#EDBB96
400
#E4965E
500
#DA7125
600
#AF5A1D
700
#8C4818
800
#6D3812
900
#4F2B11
950
#321B0B

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

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