#C1CEF6

#C1CEF6

Color Values

HEX

#C1CEF6

RGB

193, 206, 246

HSL

225.3, 74.6%, 86.1%

HSV

225.3, 21.5%, 96.5%

CMYK

21.5%, 16.3%, 0.0%, 3.5%

OKLCH

0.8546 0.0576 271.0

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C1CEF6

#F6E9C1

Analogous

#C1E9F6

#CFC1F6

#C1CEF6

Triadic

#C1CEF6

#F6C1CE

#CEF6C1

Split Complementary

#C1CEF6

#F6CFC1

#E9F6C1

Tetradic

#C1CEF6

#F6C1E9

#F6E9C1

#C1F6CF

Color Blindness Simulation

Original

#C1CEF6

Protanopia

#C7C7EC

Deuteranopia

#C6C5EA

Tritanopia

#C2E5E3

Achromatopsia

#CECECE

CSS Usage

background-color: #C1CEF6;
color: #C1CEF6;
border-color: #C1CEF6;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F2F5FC
100
#E2E7F8
200
#C1CEF6
300
#94ABEF
400
#5A7DE7
500
#204FDF
600
#1A3FB2
700
#15338E
800
#10276F
900
#102051
950
#0A1433

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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