#CF707F

#CF707F

Color Values

HEX

#CF707F

RGB

207, 112, 127

HSL

350.5, 49.7%, 62.5%

HSV

350.5, 45.9%, 81.2%

CMYK

0.0%, 45.9%, 38.6%, 18.8%

OKLCH

0.6565 0.1201 10.9

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#CF707F

#70CFC0

Analogous

#CF70AE

#CF9070

#CF707F

Triadic

#CF707F

#7FCF70

#707FCF

Split Complementary

#CF707F

#70CF90

#70AECF

Tetradic

#CF707F

#AECF70

#70CFC0

#9070CF

Color Blindness Simulation

Original

#CF707F

Protanopia

#A6A57B

Deuteranopia

#ABB27A

Tritanopia

#CA7978

Achromatopsia

#858585

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E6E8
200
#EDCACF
300
#E0A3AD
400
#D07281
500
#BF4054
600
#993343
700
#7A2936
800
#5F202A
900
#461B22
950
#2C1115

Contrast Checker

Text on white

3.35:1

AA Fail AAA Fail

Text on black

6.28:1

AA Pass AAA Fail

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