#CA7998

#CA7998

Color Values

HEX

#CA7998

RGB

202, 121, 152

HSL

337.0, 43.3%, 63.3%

HSV

337.0, 40.1%, 79.2%

CMYK

0.0%, 40.1%, 24.8%, 20.8%

OKLCH

0.672 0.1074 355.9

Properties

Warm Light Nearest: palevioletred 3

Color Harmonies

Complementary

#CA7998

#79CAAB

Analogous

#CA79C0

#CA8279

#CA7998

Triadic

#CA7998

#98CA79

#7998CA

Split Complementary

#CA7998

#79CA82

#79C0CA

Tetradic

#CA7998

#C0CA79

#79CAAB

#8279CA

Color Blindness Simulation

Original

#CA7998

Protanopia

#A7A691

Deuteranopia

#ACB28F

Tritanopia

#C68B89

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F4E7EC
200
#EBCCD8
300
#DCA7BC
400
#CA7897
500
#B74873
600
#923A5C
700
#752E49
800
#5B2439
900
#431E2C
950
#2B131C

Contrast Checker

Text on white

3.13:1

AA Fail AAA Fail

Text on black

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