#C68288

#C68288

Color Values

HEX

#C68288

RGB

198, 130, 136

HSL

354.7, 37.4%, 64.3%

HSV

354.7, 34.3%, 77.6%

CMYK

0.0%, 34.3%, 31.3%, 22.4%

OKLCH

0.6779 0.0844 13.8

Properties

Warm Light Nearest: lightpink 3

Color Harmonies

Complementary

#C68288

#82C6C0

Analogous

#C682AA

#C69E82

#C68288

Triadic

#C68288

#88C682

#8288C6

Split Complementary

#C68288

#82C69E

#82AAC6

Tetradic

#C68288

#AAC682

#82C6C0

#9E82C6

Color Blindness Simulation

Original

#C68288

Protanopia

#A9A887

Deuteranopia

#ACB286

Tritanopia

#C38585

Achromatopsia

#919191

CSS Usage

background-color: #C68288;
color: #C68288;
border-color: #C68288;
Nearest Tailwind: Rose 300 #FDA4AF

Tailwind Shades

50
#FAF5F5
100
#F3E7E8
200
#E9CED0
300
#D9ABAF
400
#C47D84
500
#AF5058
600
#8C4047
700
#703338
800
#58282C
900
#412023
950
#291416

Contrast Checker

Text on white

3.02:1

AA Fail AAA Fail

Text on black

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