Colore con nome · #D0D3D3
Elemental
Elemental è #D0D3D3: rgb(208 211 211), hsl(180 3% 82%), oklch(0.865 0.003 197.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Elemental color name →
#D0D3D3
oklch(0.865 0.003 197.1)
Conversioni di colore
- HEX
- #d0d3d3
- RGB
- rgb(208 211 211)
- HSL
- hsl(180 3% 82%)
- HWB
- hwb(180 82% 17%)
- OKLCH
- oklch(0.865 0.003 197.1)
- OKLab
- oklab(0.865 -0.003 -0.001)
- CIE Lab
- lab(84.32 -1.06 -0.38)
- LCH
- lch(84.32 1.12 199.6)
- CMYK
- cmyk(1% 0% 0% 17%)
Tinte · Ombre · Toni
Tinte
- D5D7D7
- D9DCDC
- DEE0E0
- E3E4E4
- E7E9E9
- ECEDED
- F1F2F2
- F5F6F6
- FAFBFB
Ombre
- B5B7B7
- 9A9C9C
- 808282
- 676969
- 4F5151
- 393A3A
- 232424
- 101010
- 020202
Toni
- C8CACA
- BFC2C2
- B7B9B9
- AFB1B1
- A7A9A9
- 9FA0A0
- 979898
- 8F9090
- 888888
Armonie di colore
Complementare +180°
- D0D3D3
Elemental
- D4D1D1
≈ Day on Mercury
Analogo -30° +30°
- D0D3D3
Elemental
- D0D3D2
≈ Elemental
- D0D3D4
≈ Elemental
Triadico +120° +240°
- D0D3D3
Elemental
- D3D2D4
≈ Rapunzel Silver
- D4D2D0
≈ Day on Mercury
Complementare divisa +150° +210°
- D0D3D3
Elemental
- D4D1D3
≈ Rapunzel Silver
- D4D2D0
≈ Day on Mercury
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.50:1 · APCA Lc 24
Ag
AAASu nero
WCAG 13.94:1 · APCA Lc 80
Miglior colore del testo: #000000
WCAG 13.94:1 (AAA) · APCA Lc 80
Contrast pairs
Frammenti di codice
CSS
:root {
--elemental: #d0d3d3;
--elemental-rgb: 208 211 211;
--elemental-oklch: oklch(0.865 0.003 197.1);
}
.element {
color: var(--elemental);
background-color: hsl(180 3% 82%);
border-color: oklch(0.865 0.003 197.1);
}Tailwind CSS v4
@theme {
--color-elemental: #d0d3d3;
--color-elemental-50: #f4f5f5;
--color-elemental-100: #e7e8e8;
--color-elemental-200: #d3d5d5;
--color-elemental-300: #b5b8b8;
--color-elemental-400: #9c9f9f;
--color-elemental-500: #848787;
--color-elemental-600: #6f7272;
--color-elemental-700: #595b5b;
--color-elemental-800: #414343;
--color-elemental-900: #2d2e2e;
--color-elemental-950: #1a1b1b;
}SCSS
$elemental: #d0d3d3;
$elemental-rgb: 208, 211, 211;
$elemental-light: mix(#fff, $elemental, 20%);
$elemental-dark: mix(#000, $elemental, 20%);
.element {
color: $elemental;
box-shadow: 0 0 0 2px rgba($elemental, 0.35);
}