#C46368

#C46368

Color Values

HEX

#C46368

RGB

196, 99, 104

HSL

356.9, 45.1%, 57.8%

HSV

356.9, 49.5%, 76.9%

CMYK

0.0%, 49.5%, 46.9%, 23.1%

OKLCH

0.6156 0.1239 18.2

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#C46368

#63C4BF

Analogous

#C46398

#C48E63

#C46368

Triadic

#C46368

#68C463

#6368C4

Split Complementary

#C46368

#63C48E

#6398C4

Tetradic

#C46368

#98C463

#63C4BF

#8E63C4

Color Blindness Simulation

Original

#C46368

Protanopia

#9A9967

Deuteranopia

#A0A766

Tritanopia

#BF6666

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#EBCBCD
300
#DDA6A9
400
#CB767A
500
#B9464C
600
#94383D
700
#762D31
800
#5D2326
900
#441D1F
950
#2B1213

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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