#C3CCE6

#C3CCE6

Color Values

HEX

#C3CCE6

RGB

195, 204, 230

HSL

224.6, 41.2%, 83.3%

HSV

224.6, 15.2%, 90.2%

CMYK

15.2%, 11.3%, 0.0%, 9.8%

OKLCH

0.8465 0.0375 270.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C3CCE6

#E6DDC3

Analogous

#C3DDE6

#CBC3E6

#C3CCE6

Triadic

#C3CCE6

#E6C3CC

#CCE6C3

Split Complementary

#C3CCE6

#E6CBC3

#DDE6C3

Tetradic

#C3CCE6

#E6C3DD

#E6DDC3

#C3E6CB

Color Blindness Simulation

Original

#C3CCE6

Protanopia

#C7C7E0

Deuteranopia

#C6C6DE

Tritanopia

#C3DBDA

Achromatopsia

#CCCCCC

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EAF3
200
#CDD4EA
300
#A9B6DB
400
#7A8EC8
500
#4B66B4
600
#3C5290
700
#304173
800
#25335A
900
#1E2842
950
#13192A

Contrast Checker

Text on white

1.6:1

AA Fail AAA Fail

Text on black

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