#CBC6CF

#CBC6CF

Color Values

HEX

#CBC6CF

RGB

203, 198, 207

HSL

273,3, 8,6%, 79,4%

HSV

273,3, 4,3%, 81,2%

CMYK

1,9%, 4,3%, 0,0%, 18,8%

OKLCH

0,8332 0,0135 310,5

Properties

Cool Light Nearest: lavenderblush 3

Color Harmonies

Complementary

#CBC6CF

#CACFC6

Analogous

#C6C6CF

#CFC6CE

#CBC6CF

Triadic

#CBC6CF

#CFCBC6

#C6CFCB

Split Complementary

#CBC6CF

#CECFC6

#C6CFC6

Tetradic

#CBC6CF

#CFC6C6

#CACFC6

#C6CECF

Color Blindness Simulation

Original

#CBC6CF

Protanopia

#C9C9CD

Deuteranopia

#C9CACC

Tritanopia

#CBCBCB

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEE
200
#DCD8DE
300
#C2BDC7
400
#A299A9
500
#81758A
600
#675D6F
700
#524B59
800
#403A45
900
#312D34
950
#1F1C21

Contrast Checker

Text on white

1,68:1

AA Fail AAA Fail

Text on black

12,52: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