#C697BB

#C697BB

Color Values

HEX

#C697BB

RGB

198, 151, 187

HSL

314.0, 29.2%, 68.4%

HSV

314.0, 23.7%, 77.6%

CMYK

0.0%, 23.7%, 5.6%, 22.4%

OKLCH

0.7317 0.074 334.8

Properties

Warm Light Nearest: NCS S 0520-R40B Lavender Pink

Color Harmonies

Complementary

#C697BB

#97C6A2

Analogous

#B997C6

#C697A3

#C697BB

Triadic

#C697BB

#BBC697

#97BBC6

Split Complementary

#C697BB

#A3C697

#97C6B9

Tetradic

#C697BB

#C6B997

#97C6A2

#97A3C6

Color Blindness Simulation

Original

#C697BB

Protanopia

#B2B1B2

Deuteranopia

#B4B8B0

Tritanopia

#C4ABAA

Achromatopsia

#A4A4A4

CSS Usage

background-color: #C697BB;
color: #C697BB;
border-color: #C697BB;
Nearest Tailwind: Pink 300 #F9A8D4

Tailwind Shades

50
#F9F5F8
100
#F2E9F0
200
#E6D1E1
300
#D4B0CB
400
#BC85AF
500
#A55A93
600
#844876
700
#693A5E
800
#522D4A
900
#3D2437
950
#271723

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.55:1

AA Pass AAA Pass

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