#CF9797

#CF9797

Color Values

HEX

#CF9797

RGB

207, 151, 151

HSL

0.0, 36.8%, 70.2%

HSV

0.0, 27.1%, 81.2%

CMYK

0.0%, 27.1%, 27.1%, 18.8%

OKLCH

0.73 0.0676 18.8

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CF9797

#97CFCF

Analogous

#CF97B3

#CFB397

#CF9797

Triadic

#CF9797

#97CF97

#9797CF

Split Complementary

#CF9797

#97CFB3

#97B3CF

Tetradic

#CF9797

#B3CF97

#97CFCF

#B397CF

Color Blindness Simulation

Original

#CF9797

Protanopia

#B7B697

Deuteranopia

#BABE97

Tritanopia

#CC9797

Achromatopsia

#A3A3A3

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CECE
300
#D8ABAB
400
#C37E7E
500
#AE5151
600
#8C4040
700
#703434
800
#572828
900
#402020
950
#291414

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

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