Cor nomeada · #C0CED6
Keepsake
Keepsake é #C0CED6: rgb(192 206 214), hsl(202 21% 80%), oklch(0.843 0.019 232.6). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Keepsake color name →
#C0CED6
oklch(0.843 0.019 232.6)
Conversões de cor
- HEX
- #c0ced6
- RGB
- rgb(192 206 214)
- HSL
- hsl(202 21% 80%)
- HWB
- hwb(202 75% 16%)
- OKLCH
- oklch(0.843 0.019 232.6)
- OKLab
- oklab(0.843 -0.012 -0.015)
- CIE Lab
- lab(81.87 -3.74 -5.7)
- LCH
- lch(81.87 6.82 236.7)
- CMYK
- cmyk(10% 4% 0% 16%)
Tons claros · Sombras · Tons
Tons claros
- C6D3DA
- CCD8DE
- D3DDE2
- D9E1E6
- DFE6EA
- E5EBEE
- ECF0F3
- F2F5F7
- F9FAFB
Sombras
- A7B3BA
- 8E989E
- 767F84
- 5F666A
- 494E52
- 34383B
- 202325
- 0E0F10
- 020202
Tons
- B9C6CD
- B3BEC4
- ACB6BB
- A6AEB3
- 9FA6AA
- 999EA1
- 939799
- 8C8F91
- 868788
Harmonias de cor
Complementar +180°
- C0CED6
Keepsake
- D6C8C0
≈ Unfussy Beige
Análoga -30° +30°
- C0CED6
Keepsake
- BECFD1
≈ Detroit
- C5CCD8
≈ Winter’s Fury
Tríade +120° +240°
- C0CED6
Keepsake
- D6C7CD
≈ Odyssey Lilac
- CBCDBF
≈ Misty Memory
Complementar dividida +150° +210°
- C0CED6
Keepsake
- D8C7C6
≈ Fairview Taupe
- D2CBBE
≈ Porch Swing Beige
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.61:1 · APCA Lc 27
Ag
AAASobre preto
WCAG 13.04:1 · APCA Lc 76
Melhor cor de texto: #000000
WCAG 13.04:1 (AAA) · APCA Lc 76
Contrast pairs
Trechos de código
CSS
:root {
--keepsake: #c0ced6;
--keepsake-rgb: 192 206 214;
--keepsake-oklch: oklch(0.843 0.019 232.6);
}
.element {
color: var(--keepsake);
background-color: hsl(202 21% 80%);
border-color: oklch(0.843 0.019 232.6);
}Tailwind CSS v4
@theme {
--color-keepsake: #c0ced6;
--color-keepsake-50: #f0f6fa;
--color-keepsake-100: #e2e9ed;
--color-keepsake-200: #cdd6db;
--color-keepsake-300: #afb9c0;
--color-keepsake-400: #94a1a8;
--color-keepsake-500: #7a8991;
--color-keepsake-600: #68747a;
--color-keepsake-700: #535c62;
--color-keepsake-800: #3c4448;
--color-keepsake-900: #292f32;
--color-keepsake-950: #171b1e;
}SCSS
$keepsake: #c0ced6;
$keepsake-rgb: 192, 206, 214;
$keepsake-light: mix(#fff, $keepsake, 20%);
$keepsake-dark: mix(#000, $keepsake, 20%);
.element {
color: $keepsake;
box-shadow: 0 0 0 2px rgba($keepsake, 0.35);
}