#CF8D6C

#CF8D6C

Color Values

HEX

#CF8D6C

RGB

207, 141, 108

HSL

20.0, 50.8%, 61.8%

HSV

20.0, 47.8%, 81.2%

CMYK

0.0%, 31.9%, 47.8%, 18.8%

OKLCH

0.7018 0.093 47.3

Properties

Warm Light Nearest: Copper

Color Harmonies

Complementary

#CF8D6C

#6CAECF

Analogous

#CF6C7D

#CFBF6C

#CF8D6C

Triadic

#CF8D6C

#6CCF8D

#8D6CCF

Split Complementary

#CF8D6C

#6CCFBF

#6C7DCF

Tetradic

#CF8D6C

#7DCF6C

#6CAECF

#BF6CCF

Color Blindness Simulation

Original

#CF8D6C

Protanopia

#B2B274

Deuteranopia

#B6BB76

Tritanopia

#CC7A7C

Achromatopsia

#999999

CSS Usage

background-color: #CF8D6C;
color: #CF8D6C;
border-color: #CF8D6C;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FBF6F4
100
#F5EBE5
200
#EDD5C9
300
#E1B7A3
400
#D19171
500
#C06A3F
600
#9A5532
700
#7B4428
800
#60351F
900
#47291A
950
#2D1A11

Contrast Checker

Text on white

2.73:1

AA Fail AAA Fail

Text on black

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