#C6BAC7

#C6BAC7

Color Values

HEX

#C6BAC7

RGB

198, 186, 199

HSL

295.4, 10.4%, 75.5%

HSV

295.4, 6.5%, 78.0%

CMYK

0.5%, 6.5%, 0.0%, 22.0%

OKLCH

0.8027 0.0224 323.5

Properties

Cool Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#C6BAC7

#BBC7BA

Analogous

#C0BAC7

#C7BAC2

#C6BAC7

Triadic

#C6BAC7

#C7C6BA

#BAC7C6

Split Complementary

#C6BAC7

#C2C7BA

#BAC7C0

Tetradic

#C6BAC7

#C7C0BA

#BBC7BA

#BAC2C7

Color Blindness Simulation

Original

#C6BAC7

Protanopia

#C1C1C4

Deuteranopia

#C2C2C3

Tritanopia

#C5C1C1

Achromatopsia

#BDBDBD

CSS Usage

background-color: #C6BAC7;
color: #C6BAC7;
border-color: #C6BAC7;
Nearest Tailwind: Zinc 300 #D4D4D8

Tailwind Shades

50
#F8F7F8
100
#EEECEF
200
#DED8DF
300
#C7BBC8
400
#A997AA
500
#8B728D
600
#6F5B71
700
#59495A
800
#453946
900
#342C35
950
#211C21

Contrast Checker

Text on white

1.87:1

AA Fail AAA Fail

Text on black

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