#C2CED0

#C2CED0

Color Values

HEX

#C2CED0

RGB

194, 206, 208

HSL

188.6, 13.0%, 78.8%

HSV

188.6, 6.7%, 81.6%

CMYK

6.7%, 1.0%, 0.0%, 18.4%

OKLCH

0.8428 0.0134 208.8

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C2CED0

#D0C4C2

Analogous

#C2D0CB

#C2C7D0

#C2CED0

Triadic

#C2CED0

#D0C2CE

#CED0C2

Split Complementary

#C2CED0

#D0C2C7

#D0CBC2

Tetradic

#C2CED0

#CBC2D0

#D0C4C2

#C7D0C2

Color Blindness Simulation

Original

#C2CED0

Protanopia

#C7C7D0

Deuteranopia

#C6C6CF

Tritanopia

#C3CFCF

Achromatopsia

#CCCCCC

CSS Usage

background-color: #C2CED0;
color: #C2CED0;
border-color: #C2CED0;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFE0
300
#BAC7CA
400
#94A9AD
500
#6F8B90
600
#596F73
700
#47595C
800
#374648
900
#2B3436
950
#1B2122

Contrast Checker

Text on white

1.61:1

AA Fail AAA Fail

Text on black

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