#CF978E

#CF978E

Color Values

HEX

#CF978E

RGB

207, 151, 142

HSL

8.3, 40.4%, 68.4%

HSV

8.3, 31.4%, 81.2%

CMYK

0.0%, 27.1%, 31.4%, 18.8%

OKLCH

0.7277 0.0692 29.1

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CF978E

#8EC6CF

Analogous

#CF8EA5

#CFB78E

#CF978E

Triadic

#CF978E

#8ECF97

#978ECF

Split Complementary

#CF978E

#8ECFB7

#8EA5CF

Tetradic

#CF978E

#A5CF8E

#8EC6CF

#B78ECF

Color Blindness Simulation

Original

#CF978E

Protanopia

#B7B690

Deuteranopia

#BABE91

Tritanopia

#CC9292

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E9E7
200
#EAD1CD
300
#DBB0A9
400
#C7857B
500
#B35A4C
600
#8F483D
700
#733A31
800
#5A2D26
900
#42241F
950
#2A1713

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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