#CF7A77

#CF7A77

Color Values

HEX

#CF7A77

RGB

207, 122, 119

HSL

2.0, 47.8%, 63.9%

HSV

2.0, 42.5%, 81.2%

CMYK

0.0%, 41.1%, 42.5%, 18.8%

OKLCH

0.6707 0.1067 22.5

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#CF7A77

#77CCCF

Analogous

#CF77A0

#CFA677

#CF7A77

Triadic

#CF7A77

#77CF7A

#7A77CF

Split Complementary

#CF7A77

#77CFA6

#77A0CF

Tetradic

#CF7A77

#A0CF77

#77CCCF

#A677CF

Color Blindness Simulation

Original

#CF7A77

Protanopia

#AAA978

Deuteranopia

#AFB578

Tritanopia

#CB7878

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FAF4F4
100
#F4E6E6
200
#ECCBCA
300
#DFA6A5
400
#CE7774
500
#BC4743
600
#973835
700
#792D2B
800
#5E2321
900
#451D1C
950
#2C1211

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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