#C36271

#C36271

Color Values

HEX

#C36271

RGB

195, 98, 113

HSL

350,7, 44,7%, 57,5%

HSV

350,7, 49,7%, 76,5%

CMYK

0,0%, 49,7%, 42,1%, 23,5%

OKLCH

0,6149 0,1244 11,7

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#C36271

#62C3B4

Analogous

#C362A2

#C38462

#C36271

Triadic

#C36271

#71C362

#6271C3

Split Complementary

#C36271

#62C384

#62A2C3

Tetradic

#C36271

#A2C362

#62C3B4

#8462C3

Color Blindness Simulation

Original

#C36271

Protanopia

#99986D

Deuteranopia

#9FA66C

Tritanopia

#BE6B6A

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E8
200
#EBCBD0
300
#DDA6AF
400
#CB7684
500
#B84758
600
#943847
700
#762D38
800
#5C232C
900
#441D23
950
#2B1216

Contrast Checker

Text on white

3,96:1

AA Fail AAA Fail

Text on black

5,31: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