#CA686F

#CA686F

Color Values

HEX

#CA686F

RGB

202, 104, 111

HSL

355.7, 48.0%, 60.0%

HSV

355.7, 48.5%, 79.2%

CMYK

0.0%, 48.5%, 45.0%, 20.8%

OKLCH

0.6332 0.1243 16.8

Properties

Warm Light Nearest: RAL 3014 Antique Pink

Color Harmonies

Complementary

#CA686F

#68CAC3

Analogous

#CA68A0

#CA9268

#CA686F

Triadic

#CA686F

#6FCA68

#686FCA

Split Complementary

#CA686F

#68CA92

#68A0CA

Tetradic

#CA686F

#A0CA68

#68CAC3

#9268CA

Color Blindness Simulation

Original

#CA686F

Protanopia

#A09F6D

Deuteranopia

#A5AD6D

Tritanopia

#C56C6C

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FAF4F5
100
#F4E6E7
200
#ECCACD
300
#DFA4A9
400
#CE737A
500
#BD424B
600
#97353C
700
#792A30
800
#5E2126
900
#451C1F
950
#2C1113

Contrast Checker

Text on white

3.67:1

AA Fail AAA Fail

Text on black

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