Cor nomeada · #D2D8DE
Reserved Blue
Reserved Blue é #D2D8DE: rgb(210 216 222), hsl(210 15% 85%), oklch(0.879 0.011 247.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Reserved Blue color name →
#D2D8DE
oklch(0.879 0.011 247.9)
Conversões de cor
- HEX
- #d2d8de
- RGB
- rgb(210 216 222)
- HSL
- hsl(210 15% 85%)
- HWB
- hwb(210 82% 13%)
- OKLCH
- oklch(0.879 0.011 247.9)
- OKLab
- oklab(0.879 -0.004 -0.01)
- CIE Lab
- lab(86 -1.27 -3.71)
- LCH
- lch(86 3.92 251.2)
- CMYK
- cmyk(5% 3% 0% 13%)
Tons claros · Sombras · Tons
Tons claros
- D6DCE1
- DBE0E5
- DFE4E8
- E4E7EB
- E8EBEE
- EDEFF2
- F1F3F5
- F6F7F8
- FAFBFC
Sombras
- B6BCC1
- 9BA0A5
- 818589
- 686B6F
- 505355
- 393B3D
- 242526
- 101112
- 020202
Tons
- C9CFD4
- C1C6CA
- B9BDC1
- B0B4B7
- A8ABAE
- A0A2A4
- 989A9B
- 909192
- 888889
Harmonias de cor
Complementar +180°
- D2D8DE
Reserved Blue
- DCD6D0
≈ Light Pearl Ash
Análoga -30° +30°
- D2D8DE
Reserved Blue
- D0D9DC
≈ Wisteria Snow
- D5D7DE
≈ Shy Blunt
Tríade +120° +240°
- D2D8DE
Reserved Blue
- DED4D6
≈ Fairy White
- D5D9D1
≈ Light Cipollino
Complementar dividida +150° +210°
- D2D8DE
Reserved Blue
- DED5D2
≈ Atlantic Sand
- D9D7D0
≈ Timid White
Tétrade +90° +180° +270°
- D2D8DE
Reserved Blue
- DCD5DA
≈ Light Magnolia Rose
- DCD6D0
≈ Light Pearl Ash
- D2D9D5
≈ Sculptural Silver
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.43:1 · APCA Lc 21
Ag
AAASobre preto
WCAG 14.61:1 · APCA Lc 82
Melhor cor de texto: #000000
WCAG 14.61:1 (AAA) · APCA Lc 82
Contrast pairs
Trechos de código
CSS
:root {
--reserved-blue: #d2d8de;
--reserved-blue-rgb: 210 216 222;
--reserved-blue-oklch: oklch(0.879 0.011 247.9);
}
.element {
color: var(--reserved-blue);
background-color: hsl(210 15% 85%);
border-color: oklch(0.879 0.011 247.9);
}Tailwind CSS v4
@theme {
--color-reserved-blue: #d2d8de;
--color-reserved-blue-50: #f3f5f8;
--color-reserved-blue-100: #e5e8eb;
--color-reserved-blue-200: #d1d5d9;
--color-reserved-blue-300: #b3b8bd;
--color-reserved-blue-400: #9a9fa4;
--color-reserved-blue-500: #81878d;
--color-reserved-blue-600: #6d7277;
--color-reserved-blue-700: #575b5f;
--color-reserved-blue-800: #3f4346;
--color-reserved-blue-900: #2c2e30;
--color-reserved-blue-950: #191b1d;
}SCSS
$reserved-blue: #d2d8de;
$reserved-blue-rgb: 210, 216, 222;
$reserved-blue-light: mix(#fff, $reserved-blue, 20%);
$reserved-blue-dark: mix(#000, $reserved-blue, 20%);
.element {
color: $reserved-blue;
box-shadow: 0 0 0 2px rgba($reserved-blue, 0.35);
}