#C6CFE5

#C6CFE5

Color Values

HEX

#C6CFE5

RGB

198, 207, 229

HSL

222.6, 37.3%, 83.7%

HSV

222.6, 13.5%, 89.8%

CMYK

13.5%, 9.6%, 0.0%, 10.2%

OKLCH

0.8544 0.0321 267.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C6CFE5

#E5DCC6

Analogous

#C6DEE5

#CCC6E5

#C6CFE5

Triadic

#C6CFE5

#E5C6CF

#CFE5C6

Split Complementary

#C6CFE5

#E5CCC6

#DEE5C6

Tetradic

#C6CFE5

#E5C6DE

#E5DCC6

#C6E5CC

Color Blindness Simulation

Original

#C6CFE5

Protanopia

#CACAE0

Deuteranopia

#C9C9DE

Tritanopia

#C6DBDB

Achromatopsia

#CFCFCF

CSS Usage

background-color: #C6CFE5;
color: #C6CFE5;
border-color: #C6CFE5;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F6FA
100
#E7EBF3
200
#CED6E9
300
#ABB8D9
400
#7D92C4
500
#506CAF
600
#40568C
700
#334570
800
#283658
900
#202A41
950
#141A29

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

13.46:1

AA Pass AAA Pass

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