#CFA89C

#CFA89C

Color Values

HEX

#CFA89C

RGB

207, 168, 156

HSL

14.1, 34.7%, 71.2%

HSV

14.1, 24.6%, 81.2%

CMYK

0.0%, 18.8%, 24.6%, 18.8%

OKLCH

0.7634 0.0492 37.8

Properties

Warm Light Nearest: peachpuff 3

Color Harmonies

Complementary

#CFA89C

#9CC3CF

Analogous

#CF9CAA

#CFC29C

#CFA89C

Triadic

#CFA89C

#9CCFA8

#A89CCF

Split Complementary

#CFA89C

#9CCFC2

#9CAACF

Tetradic

#CFA89C

#AACF9C

#9CC3CF

#C29CCF

Color Blindness Simulation

Original

#CFA89C

Protanopia

#BEBE9F

Deuteranopia

#C0C3A0

Tritanopia

#CDA1A2

Achromatopsia

#AFAFAF

CSS Usage

background-color: #CFA89C;
color: #CFA89C;
border-color: #CFA89C;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#FAF6F5
100
#F2EAE8
200
#E8D5CF
300
#D7B7AD
400
#C18F80
500
#AC6853
600
#895343
700
#6E4335
800
#56342A
900
#402821
950
#281A15

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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