#CF6C8E

#CF6C8E

Color Values

HEX

#CF6C8E

RGB

207, 108, 142

HSL

339.4, 50.8%, 61.8%

HSV

339.4, 47.8%, 81.2%

CMYK

0.0%, 47.8%, 31.4%, 18.8%

OKLCH

0.6546 0.1298 359.5

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CF6C8E

#6CCFAD

Analogous

#CF6CC0

#CF7C6C

#CF6C8E

Triadic

#CF6C8E

#8ECF6C

#6C8ECF

Split Complementary

#CF6C8E

#6CCF7C

#6CC0CF

Tetradic

#CF6C8E

#C0CF6C

#6CCFAD

#7C6CCF

Color Blindness Simulation

Original

#CF6C8E

Protanopia

#A4A386

Deuteranopia

#AAB184

Tritanopia

#CA7F7E

Achromatopsia

#848484

CSS Usage

background-color: #CF6C8E;
color: #CF6C8E;
border-color: #CF6C8E;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FBF4F6
100
#F5E5EB
200
#EDC9D6
300
#E1A3B8
400
#D17192
500
#C03F6B
600
#9A3256
700
#7B2845
800
#601F36
900
#471A2A
950
#2D111A

Contrast Checker

Text on white

3.39:1

AA Fail AAA Fail

Text on black

6.19:1

AA Pass AAA Fail

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