Color con nombre · #D9DBCA
Cool Runnings
Cool Runnings es #D9DBCA: rgb(217 219 202), hsl(67 19% 83%), oklch(0.885 0.023 112.3). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Cool Runnings color name →
#D9DBCA
oklch(0.885 0.023 112.3)
Conversiones de color
- HEX
- #d9dbca
- RGB
- rgb(217 219 202)
- HSL
- hsl(67 19% 83%)
- HWB
- hwb(67 79% 14%)
- OKLCH
- oklch(0.885 0.023 112.3)
- OKLab
- oklab(0.885 -0.009 0.021)
- CIE Lab
- lab(86.9 -2.91 8.15)
- LCH
- lch(86.9 8.65 109.7)
- CMYK
- cmyk(1% 0% 8% 14%)
Tintes · Sombras · Tonos
Tintes
- DDDFCF
- E0E2D4
- E4E6DA
- E8E9DF
- ECEDE4
- F0F1EA
- F3F4EF
- F7F8F4
- FBFBFA
Sombras
- BCBEAF
- A1A295
- 86877C
- 6C6D64
- 53544D
- 3B3C37
- 252622
- 11110F
- 020202
Tonos
- D0D2C2
- C7C8BB
- BDBFB3
- B4B6AC
- ABACA4
- A3A39D
- 9A9A96
- 91918E
- 888987
Armonías de color
Complementario +180°
- D9DBCA
Cool Runnings
- D9D7E8
≈ Perfection
Análogo -30° +30°
- D9DBCA
Cool Runnings
- E1D8C9
≈ Maybe Mushroom
- D1DDCF
≈ Healthy Wealthy and Wise
Triádico +120° +240°
- D9DBCA
Cool Runnings
- CBDCE6
≈ Blue Me Away
- E6D3DB
≈ Pink Frappé
Complementario dividido +150° +210°
- D9DBCA
Cool Runnings
- D1DAE9
≈ Sueded Grey
- E1D4E2
≈ Coin Purse
Tetrádico +90° +180° +270°
- D9DBCA
Cool Runnings
- C9DEE0
≈ Light Relax
- D9D7E8
≈ Perfection
- E8D4D2
≈ Ash Cherry Blossom
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.40:1 · APCA Lc 20
Ag
AAASobre negro
WCAG 14.93:1 · APCA Lc 84
Mejor color de texto: #000000
WCAG 14.93:1 (AAA) · APCA Lc 84
Contrast pairs
Fragmentos de código
CSS
:root {
--cool-runnings: #d9dbca;
--cool-runnings-rgb: 217 219 202;
--cool-runnings-oklch: oklch(0.885 0.023 112.3);
}
.element {
color: var(--cool-runnings);
background-color: hsl(67 19% 83%);
border-color: oklch(0.885 0.023 112.3);
}Tailwind CSS v4
@theme {
--color-cool-runnings: #d9dbca;
--color-cool-runnings-50: #f5f6ef;
--color-cool-runnings-100: #e7e9e0;
--color-cool-runnings-200: #d4d5cb;
--color-cool-runnings-300: #b7b9ac;
--color-cool-runnings-400: #9ea091;
--color-cool-runnings-500: #868877;
--color-cool-runnings-600: #717365;
--color-cool-runnings-700: #5b5c50;
--color-cool-runnings-800: #43433a;
--color-cool-runnings-900: #2e2e28;
--color-cool-runnings-950: #1b1b16;
}SCSS
$cool-runnings: #d9dbca;
$cool-runnings-rgb: 217, 219, 202;
$cool-runnings-light: mix(#fff, $cool-runnings, 20%);
$cool-runnings-dark: mix(#000, $cool-runnings, 20%);
.element {
color: $cool-runnings;
box-shadow: 0 0 0 2px rgba($cool-runnings, 0.35);
}