#CF9496

#CF9496

Color Values

HEX

#CF9496

RGB

207, 148, 150

HSL

358.0, 38.1%, 69.6%

HSV

358.0, 28.5%, 81.2%

CMYK

0.0%, 28.5%, 27.5%, 18.8%

OKLCH

0.7242 0.0715 16.7

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CF9496

#94CFCD

Analogous

#CF94B3

#CFB094

#CF9496

Triadic

#CF9496

#96CF94

#9496CF

Split Complementary

#CF9496

#94CFB0

#94B3CF

Tetradic

#CF9496

#B3CF94

#94CFCD

#B094CF

Color Blindness Simulation

Original

#CF9496

Protanopia

#B5B596

Deuteranopia

#B9BD95

Tritanopia

#CC9595

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CECF
300
#D9AAAC
400
#C57D7F
500
#B04F52
600
#8D3F42
700
#713335
800
#582729
900
#412021
950
#291415

Contrast Checker

Text on white

2.52:1

AA Fail AAA Fail

Text on black

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