#C65B86

#C65B86

Color Values

HEX

#C65B86

RGB

198, 91, 134

HSL

335.9, 48.4%, 56.7%

HSV

335.9, 54.0%, 77.6%

CMYK

0.0%, 54.0%, 32.3%, 22.4%

OKLCH

0.6151 0.1437 356.9

Properties

Warm Light Nearest: hotpink 3

Color Harmonies

Complementary

#C65B86

#5BC69B

Analogous

#C65BBC

#C6665B

#C65B86

Triadic

#C65B86

#86C65B

#5B86C6

Split Complementary

#C65B86

#5BC666

#5BBCC6

Tetradic

#C65B86

#BCC65B

#5BC69B

#665BC6

Color Blindness Simulation

Original

#C65B86

Protanopia

#98977C

Deuteranopia

#9EA679

Tritanopia

#C17372

Achromatopsia

#757575

CSS Usage

background-color: #C65B86;
color: #C65B86;
border-color: #C65B86;
Nearest Tailwind: Pink 400 #F472B6

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#EDCAD8
300
#DFA4BC
400
#CE7398
500
#BD4273
600
#97355C
700
#792A4A
800
#5F213A
900
#461B2C
950
#2C111C

Contrast Checker

Text on white

4.01:1

AA Fail AAA Fail

Text on black

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