#CF7B77

#CF7B77

Color Values

HEX

#CF7B77

RGB

207, 123, 119

HSL

2.7, 47.8%, 63.9%

HSV

2.7, 42.5%, 81.2%

CMYK

0.0%, 40.6%, 42.5%, 18.8%

OKLCH

0.6724 0.1055 23.2

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#CF7B77

#77CBCF

Analogous

#CF779F

#CFA777

#CF7B77

Triadic

#CF7B77

#77CF7B

#7B77CF

Split Complementary

#CF7B77

#77CFA7

#779FCF

Tetradic

#CF7B77

#9FCF77

#77CBCF

#A777CF

Color Blindness Simulation

Original

#CF7B77

Protanopia

#ABAA78

Deuteranopia

#B0B678

Tritanopia

#CB7979

Achromatopsia

#8D8D8D

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#ECCCCA
300
#DFA7A5
400
#CE7874
500
#BC4843
600
#973A35
700
#792E2B
800
#5E2421
900
#451D1C
950
#2C1311

Contrast Checker

Text on white

3.11:1

AA Fail AAA Fail

Text on black

6.75:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026