#C3CED0
gray60% BrightnessCool
Color Values
HEX
#C3CED0
RGB
rgb(195, 206, 208)
HSL
hsl(189°, 12%, 79%)
CMYK
cmyk(6%, 1%, 0%, 18%)
Color Harmonies
Complementary
C3CED0
D0C5C3
Triadic
C3CED0
D0C3CE
CED0C3
Analogous
C3D0CB
C3CED0
C3C8D0
Monochromatic
6E888C
C3CED0
FFFFFF
Similar Colors
8A9FA3
C3CBD0
C3D0CF
FCFDFD
C3C8D0
C3D0CB
CSS Snippets
CSS Variables
--color-base: #C3CED0; --color-light: #FFFFFF; --color-dark: #879DA1;
CSS Class
.element {
color: #C3CED0;
background: #576C70;
border-color: #8A9FA3;
}Contrast Analysis
Sample Text — 13.06:1
The quick brown fox jumps over the lazy dog
On Black13.06:1
On White1.61:1
WCAG AA: 4.5:1 normal text · 3:1 large text · AAA: 7:1
Properties
Brightness60%
Saturation12%
Hue189°
Temp
Cool
LRV
61%
Tints
Shades
Use Cases
Primary Button
Light Background
Accent Border
Dark Variant
Description
A dynamically generated gray color with 60% brightness, 12% saturation, and 79% lightness.