#C4969C

#C4969C

Color Values

HEX

#C4969C

RGB

196, 150, 156

HSL

352.2, 28.0%, 67.8%

HSV

352.2, 23.5%, 76.9%

CMYK

0.0%, 23.5%, 20.4%, 23.1%

OKLCH

0.718 0.0558 9.8

Properties

Warm Light Nearest: rosybrown 3

Color Harmonies

Complementary

#C4969C

#96C4BE

Analogous

#C496B3

#C4A796

#C4969C

Triadic

#C4969C

#9CC496

#969CC4

Split Complementary

#C4969C

#96C4A7

#96B3C4

Tetradic

#C4969C

#B3C496

#96C4BE

#A796C4

Color Blindness Simulation

Original

#C4969C

Protanopia

#B0B09B

Deuteranopia

#B3B69A

Tritanopia

#C29999

Achromatopsia

#A0A0A0

CSS Usage

background-color: #C4969C;
color: #C4969C;
border-color: #C4969C;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D1D4
300
#D3B1B5
400
#BB868D
500
#A35C65
600
#834951
700
#683B41
800
#522E33
900
#3D2427
950
#261719

Contrast Checker

Text on white

2.56:1

AA Fail AAA Fail

Text on black

8.19:1

AA Pass AAA Pass

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