#CF968F

#CF968F

Color Values

HEX

#CF968F

RGB

207, 150, 143

HSL

6.6, 40.0%, 68.6%

HSV

6.6, 30.9%, 81.2%

CMYK

0.0%, 27.5%, 30.9%, 18.8%

OKLCH

0.7261 0.07 26.8

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#CF968F

#8FC8CF

Analogous

#CF8FA8

#CFB68F

#CF968F

Triadic

#CF968F

#8FCF96

#968FCF

Split Complementary

#CF968F

#8FCFB6

#8FA8CF

Tetradic

#CF968F

#A8CF8F

#8FC8CF

#B68FCF

Color Blindness Simulation

Original

#CF968F

Protanopia

#B6B691

Deuteranopia

#BABE91

Tritanopia

#CC9292

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#EAD0CD
300
#DAAFA9
400
#C6837B
500
#B2584C
600
#8F463D
700
#723831
800
#592C26
900
#42231F
950
#2A1614

Contrast Checker

Text on white

2.5:1

AA Fail AAA Fail

Text on black

8.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026