Colore con nome · #96A782
Huntington Garden
Huntington Garden è #96A782: rgb(150 167 130), hsl(88 17% 58%), oklch(0.705 0.056 127.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Huntington Garden color name →
#96A782
oklch(0.705 0.056 127.8)
Conversioni di colore
- HEX
- #96a782
- RGB
- rgb(150 167 130)
- HSL
- hsl(88 17% 58%)
- HWB
- hwb(88 51% 35%)
- OKLCH
- oklch(0.705 0.056 127.8)
- OKLab
- oklab(0.705 -0.034 0.044)
- CIE Lab
- lab(66.4 -11.26 17.12)
- LCH
- lch(66.4 20.5 123.3)
- CMYK
- cmyk(10% 0% 22% 35%)
Tinte · Ombre · Toni
Tinte
- A0B08E
- AAB89A
- B4C1A6
- BFCAB3
- C9D2BF
- D4DBCC
- DEE4D8
- E9EDE5
- F4F6F2
Ombre
- 829170
- 6E7B5F
- 5B664E
- 49523E
- 373E2F
- 262C20
- 161A12
- 080A06
- 010101
Toni
- 94A382
- 929F82
- 8F9B82
- 8D9782
- 8B9381
- 899081
- 878C81
- 848881
- 828480
Armonie di colore
Complementare +180°
- 96A782
Huntington Garden
- A997BB
≈ Ode to Purple
Analogo -30° +30°
- 96A782
Huntington Garden
- A9A179
≈ Fond of Fronds
- 83AB93
≈ Catnip
Triadico +120° +240°
- 96A782
Huntington Garden
- 85A4C1
≈ Windy City
- BF9299
≈ Profound Pink
Complementare divisa +150° +210°
- 96A782
Huntington Garden
- 979DC3
≈ Blue Heron
- B893AC
≈ Bed of Roses
Tetradico +90° +180° +270°
- 96A782
Huntington Garden
- 78A9B7
≈ Snowboard
- A997BB
≈ Ode to Purple
- C09587
≈ Pressed Blossoms
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.57:1 · APCA Lc 50
Ag
AAASu nero
WCAG 8.14:1 · APCA Lc 52
Miglior colore del testo: #000000
WCAG 8.14:1 (AAA) · APCA Lc 52
Contrast pairs
Frammenti di codice
CSS
:root {
--huntington-garden: #96a782;
--huntington-garden-rgb: 150 167 130;
--huntington-garden-oklch: oklch(0.705 0.056 127.8);
}
.element {
color: var(--huntington-garden);
background-color: hsl(88 17% 58%);
border-color: oklch(0.705 0.056 127.8);
}Tailwind CSS v4
@theme {
--color-huntington-garden: #96a782;
--color-huntington-garden-50: #f0f9e8;
--color-huntington-garden-100: #e2ecd9;
--color-huntington-garden-200: #ccd9c1;
--color-huntington-garden-300: #aebea0;
--color-huntington-garden-400: #95a582;
--color-huntington-garden-500: #7c8e66;
--color-huntington-garden-600: #697856;
--color-huntington-garden-700: #546045;
--color-huntington-garden-800: #3e4631;
--color-huntington-garden-900: #2a3021;
--color-huntington-garden-950: #181d11;
}SCSS
$huntington-garden: #96a782;
$huntington-garden-rgb: 150, 167, 130;
$huntington-garden-light: mix(#fff, $huntington-garden, 20%);
$huntington-garden-dark: mix(#000, $huntington-garden, 20%);
.element {
color: $huntington-garden;
box-shadow: 0 0 0 2px rgba($huntington-garden, 0.35);
}