#C27774

#C27774

Color Values

HEX

#C27774

RGB

194, 119, 116

HSL

2.3, 39.0%, 60.8%

HSV

2.3, 40.2%, 76.1%

CMYK

0.0%, 38.7%, 40.2%, 23.9%

OKLCH

0.6487 0.0948 22.5

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#C27774

#74BFC2

Analogous

#C27498

#C29E74

#C27774

Triadic

#C27774

#74C277

#7774C2

Split Complementary

#C27774

#74C29E

#7498C2

Tetradic

#C27774

#98C274

#74BFC2

#9E74C2

Color Blindness Simulation

Original

#C27774

Protanopia

#A2A175

Deuteranopia

#A6AB75

Tritanopia

#BE7575

Achromatopsia

#878787

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#E9CECD
300
#DAACAA
400
#C57F7C
500
#B1524E
600
#8E413E
700
#713432
800
#592927
900
#41211F
950
#291514

Contrast Checker

Text on white

3.4:1

AA Fail AAA Fail

Text on black

6.18:1

AA Pass AAA Fail

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026