#C0CCEB

#C0CCEB

Color Values

HEX

#C0CCEB

RGB

192, 204, 235

HSL

223,3, 51,8%, 83,7%

HSV

223,3, 18,3%, 92,2%

CMYK

18,3%, 13,2%, 0,0%, 7,8%

OKLCH

0,846 0,0453 268,7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C0CCEB

#EBDFC0

Analogous

#C0E1EB

#C9C0EB

#C0CCEB

Triadic

#C0CCEB

#EBC0CC

#CCEBC0

Split Complementary

#C0CCEB

#EBC9C0

#E1EBC0

Tetradic

#C0CCEB

#EBC0E1

#EBDFC0

#C0EBC9

Color Blindness Simulation

Original

#C0CCEB

Protanopia

#C5C5E4

Deuteranopia

#C4C4E2

Tritanopia

#C1DEDC

Achromatopsia

#CCCCCC

CSS Usage

background-color: #C0CCEB;
color: #C0CCEB;
border-color: #C0CCEB;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F4F6FB
100
#E5EAF5
200
#C9D3EE
300
#A2B4E2
400
#708BD2
500
#3D62C2
600
#314F9B
700
#273F7C
800
#1F3161
900
#1A2647
950
#10182D

Contrast Checker

Text on white

1,61:1

AA Fail AAA Fail

Text on black

13,08: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