#C2CFCF

#C2CFCF

Color Values

HEX

#C2CFCF

RGB

194, 207, 207

HSL

180,0, 11,9%, 78,6%

HSV

180,0, 6,3%, 81,2%

CMYK

6,3%, 0,0%, 0,0%, 18,8%

OKLCH

0,8446 0,0142 196,9

Properties

Cool Light Nearest: azure 3

Color Harmonies

Complementary

#C2CFCF

#CFC2C2

Analogous

#C2CFC8

#C2C8CF

#C2CFCF

Triadic

#C2CFCF

#CFC2CF

#CFCFC2

Split Complementary

#C2CFCF

#CFC2C8

#CFC8C2

Tetradic

#C2CFCF

#C8C2CF

#CFC2C2

#C8CFC2

Color Blindness Simulation

Original

#C2CFCF

Protanopia

#C8C8CF

Deuteranopia

#C7C6CF

Tritanopia

#C3CFCF

Achromatopsia

#CCCCCC

CSS Usage

background-color: #C2CFCF;
color: #C2CFCF;
border-color: #C2CFCF;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7E0E0
300
#BBC9C9
400
#95ACAC
500
#708F8F
600
#5A7272
700
#485B5B
800
#384747
900
#2B3636
950
#1B2222

Contrast Checker

Text on white

1,6:1

AA Fail AAA Fail

Text on black

13,12:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026