#CF6C82

#CF6C82

Color Values

HEX

#CF6C82

RGB

207, 108, 130

HSL

346.7, 50.8%, 61.8%

HSV

346.7, 47.8%, 81.2%

CMYK

0.0%, 47.8%, 37.2%, 18.8%

OKLCH

0.6511 0.1264 7.1

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CF6C82

#6CCFB9

Analogous

#CF6CB4

#CF886C

#CF6C82

Triadic

#CF6C82

#82CF6C

#6C82CF

Split Complementary

#CF6C82

#6CCF88

#6CB4CF

Tetradic

#CF6C82

#B4CF6C

#6CCFB9

#886CCF

Color Blindness Simulation

Original

#CF6C82

Protanopia

#A4A37D

Deuteranopia

#AAB17B

Tritanopia

#CA7878

Achromatopsia

#838383

CSS Usage

background-color: #CF6C82;
color: #CF6C82;
border-color: #CF6C82;
Nearest Tailwind: Rose 400 #FB7185

Tailwind Shades

50
#FBF4F6
100
#F5E5E9
200
#EDC9D1
300
#E1A3B0
400
#D17186
500
#C03F5B
600
#9A3249
700
#7B283B
800
#601F2E
900
#471A24
950
#2D1117

Contrast Checker

Text on white

3.43:1

AA Fail AAA Fail

Text on black

6.12:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

1月 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

1月 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

1月 15, 2026