#C0D4EC

#C0D4EC

Color Values

HEX

#C0D4EC

RGB

192, 212, 236

HSL

212.7, 53.7%, 83.9%

HSV

212.7, 18.6%, 92.5%

CMYK

18.6%, 10.2%, 0.0%, 7.5%

OKLCH

0.8626 0.0398 253.0

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#C0D4EC

#ECD8C0

Analogous

#C0EAEC

#C2C0EC

#C0D4EC

Triadic

#C0D4EC

#ECC0D4

#D4ECC0

Split Complementary

#C0D4EC

#ECC2C0

#EAECC0

Tetradic

#C0D4EC

#ECC0EA

#ECD8C0

#C0ECC2

Color Blindness Simulation

Original

#C0D4EC

Protanopia

#C9C9E6

Deuteranopia

#C8C6E5

Tritanopia

#C1E2E1

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F4F7FB
100
#E5ECF5
200
#C8DAEE
300
#A1BFE3
400
#6E9CD3
500
#3B79C4
600
#2F619D
700
#264E7D
800
#1E3D62
900
#192E48
950
#101D2D

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

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