#C66369

#C66369

Color Values

HEX

#C66369

RGB

198, 99, 105

HSL

356.4, 46.5%, 58.2%

HSV

356.4, 50.0%, 77.6%

CMYK

0.0%, 50.0%, 47.0%, 22.4%

OKLCH

0.6186 0.1263 17.7

Properties

Warm Light Nearest: Fuzzy Wuzzy

Color Harmonies

Complementary

#C66369

#63C6C0

Analogous

#C6639A

#C68E63

#C66369

Triadic

#C66369

#69C663

#6369C6

Split Complementary

#C66369

#63C68E

#639AC6

Tetradic

#C66369

#9AC663

#63C6C0

#8E63C6

Color Blindness Simulation

Original

#C66369

Protanopia

#9B9A68

Deuteranopia

#A1A867

Tritanopia

#C16666

Achromatopsia

#787878

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCBCD
300
#DEA5A9
400
#CD757A
500
#BB444B
600
#95373C
700
#782C30
800
#5D2226
900
#451C1F
950
#2B1213

Contrast Checker

Text on white

3.9:1

AA Fail AAA Fail

Text on black

5.39:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026