#C49DB0

#C49DB0

Color Values

HEX

#C49DB0

RGB

196, 157, 176

HSL

330.8, 24.8%, 69.2%

HSV

330.8, 19.9%, 76.9%

CMYK

0.0%, 19.9%, 10.2%, 23.1%

OKLCH

0.7373 0.0527 347.6

Properties

Warm Light Nearest: pink 3

Color Harmonies

Complementary

#C49DB0

#9DC4B1

Analogous

#C49DC3

#C49E9D

#C49DB0

Triadic

#C49DB0

#B0C49D

#9DB0C4

Split Complementary

#C49DB0

#9DC49E

#9DC3C4

Tetradic

#C49DB0

#C3C49D

#9DC4B1

#9E9DC4

Color Blindness Simulation

Original

#C49DB0

Protanopia

#B3B3AB

Deuteranopia

#B5B8AA

Tritanopia

#C2A8A7

Achromatopsia

#A7A7A7

CSS Usage

background-color: #C49DB0;
color: #C49DB0;
border-color: #C49DB0;
Nearest Tailwind: Zinc 400 #A1A1AA

Tailwind Shades

50
#F9F6F7
100
#F1E9ED
200
#E4D2DB
300
#D1B3C1
400
#B889A0
500
#9F607F
600
#7F4D65
700
#663D51
800
#50303F
900
#3B2630
950
#25181E

Contrast Checker

Text on white

2.39:1

AA Fail AAA Fail

Text on black

8.8:1

AA Pass AAA Pass

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