#C3CEE7

#C3CEE7

Color Values

HEX

#C3CEE7

RGB

195, 206, 231

HSL

221.7, 42.9%, 83.5%

HSV

221.7, 15.6%, 90.6%

CMYK

15.6%, 10.8%, 0.0%, 9.4%

OKLCH

0.8509 0.0368 266.7

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C3CEE7

#E7DCC3

Analogous

#C3E0E7

#CAC3E7

#C3CEE7

Triadic

#C3CEE7

#E7C3CE

#CEE7C3

Split Complementary

#C3CEE7

#E7CAC3

#E0E7C3

Tetradic

#C3CEE7

#E7C3E0

#E7DCC3

#C3E7CA

Color Blindness Simulation

Original

#C3CEE7

Protanopia

#C8C8E1

Deuteranopia

#C7C6E0

Tritanopia

#C4DCDB

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E7EBF4
200
#CCD5EB
300
#A8B8DC
400
#7891C9
500
#496AB6
600
#3A5592
700
#2F4475
800
#24355B
900
#1E2943
950
#131A2A

Contrast Checker

Text on white

1.58:1

AA Fail AAA Fail

Text on black

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