Colore con nome · #D7D7AD
Green Mesh
Green Mesh è #D7D7AD: rgb(215 215 173), hsl(60 34% 76%), oklch(0.869 0.056 107.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Green Mesh color name →
#D7D7AD
oklch(0.869 0.056 107.5)
Conversioni di colore
- HEX
- #d7d7ad
- RGB
- rgb(215 215 173)
- HSL
- hsl(60 34% 76%)
- HWB
- hwb(60 68% 16%)
- OKLCH
- oklch(0.869 0.056 107.5)
- OKLab
- oklab(0.869 -0.017 0.053)
- CIE Lab
- lab(85.18 -5.09 20.84)
- LCH
- lch(85.18 21.46 103.7)
- CMYK
- cmyk(0% 0% 20% 16%)
Tinte · Ombre · Toni
Tinte
- DBDBB5
- DFDFBD
- E3E3C6
- E7E7CE
- EBEBD6
- EFEFDE
- F3F3E6
- F7F7EF
- FBFBF7
Ombre
- BBBB96
- 9F9F7F
- 85856A
- 6B6B55
- 525241
- 3B3B2D
- 25251B
- 11110B
- 020201
Toni
- CECEA9
- C5C5A4
- BCBCA0
- B3B39B
- AAAB97
- A2A292
- 99998E
- 919189
- 888885
Armonie di colore
Complementare +180°
- D7D7AD
Green Mesh
- D1CFF7
≈ Miami White
Analogo -30° +30°
- D7D7AD
Green Mesh
- E9D0AB
≈ Rum Custard
- C3DDB9
≈ Galway
Triadico +120° +240°
- D7D7AD
Green Mesh
- AEDCF1
≈ Van Gogh Blue
- F1C6DA
≈ British Rose
Complementare divisa +150° +210°
- D7D7AD
Green Mesh
- BDD6F9
≈ Oh Boy!
- E3C9EC
≈ Syrian Violet
Tetradico +90° +180° +270°
- D7D7AD
Green Mesh
- A9E0E1
≈ Blue Light
- D1CFF7
≈ Miami White
- F6C6C6
≈ English Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.47:1 · APCA Lc 23
Ag
AAASu nero
WCAG 14.21:1 · APCA Lc 81
Miglior colore del testo: #000000
WCAG 14.21:1 (AAA) · APCA Lc 81
Contrast pairs
Frammenti di codice
CSS
:root {
--green-mesh: #d7d7ad;
--green-mesh-rgb: 215 215 173;
--green-mesh-oklch: oklch(0.869 0.056 107.5);
}
.element {
color: var(--green-mesh);
background-color: hsl(60 34% 76%);
border-color: oklch(0.869 0.056 107.5);
}Tailwind CSS v4
@theme {
--color-green-mesh: #d7d7ad;
--color-green-mesh-50: #f6f7e5;
--color-green-mesh-100: #e9ead5;
--color-green-mesh-200: #d5d7bc;
--color-green-mesh-300: #b9ba9a;
--color-green-mesh-400: #a1a17b;
--color-green-mesh-500: #8a895e;
--color-green-mesh-600: #747450;
--color-green-mesh-700: #5d5d3f;
--color-green-mesh-800: #45442d;
--color-green-mesh-900: #302f1e;
--color-green-mesh-950: #1c1b0e;
}SCSS
$green-mesh: #d7d7ad;
$green-mesh-rgb: 215, 215, 173;
$green-mesh-light: mix(#fff, $green-mesh, 20%);
$green-mesh-dark: mix(#000, $green-mesh, 20%);
.element {
color: $green-mesh;
box-shadow: 0 0 0 2px rgba($green-mesh, 0.35);
}