Colore con nome · #9EAD92
Rooftop Garden
Rooftop Garden è #9EAD92: rgb(158 173 146), hsl(93 14% 63%), oklch(0.728 0.042 131.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Rooftop Garden color name →
#9EAD92
oklch(0.728 0.042 131.2)
Conversioni di colore
- HEX
- #9ead92
- RGB
- rgb(158 173 146)
- HSL
- hsl(93 14% 63%)
- HWB
- hwb(93 57% 32%)
- OKLCH
- oklch(0.728 0.042 131.2)
- OKLab
- oklab(0.728 -0.027 0.031)
- CIE Lab
- lab(68.97 -9.21 12.07)
- LCH
- lch(68.97 15.18 127.3)
- CMYK
- cmyk(9% 0% 16% 32%)
Tinte · Ombre · Toni
Tinte
- A7B59C
- B1BDA7
- BAC5B2
- C4CDBD
- CDD5C7
- D7DED2
- E1E6DD
- EBEEE8
- F5F7F4
Ombre
- 89967E
- 747F6B
- 606A58
- 4D5546
- 3A4135
- 292D25
- 181B16
- 090B08
- 010101
Toni
- 9BA890
- 98A48F
- 959F8D
- 929B8B
- 8F9689
- 8C9287
- 898D86
- 868984
- 838482
Armonie di colore
Complementare +180°
- 9EAD92
Rooftop Garden
- B0A0BB
≈ Iris Blossom
Analogo -30° +30°
- 9EAD92
Rooftop Garden
- ACA88B
≈ Bland
- 91B09F
≈ Andean Slate
Triadico +120° +240°
- 9EAD92
Rooftop Garden
- 94AAC1
≈ Cotton Denim
- C09DA1
≈ Zephyr
Complementare divisa +150° +210°
- 9EAD92
Rooftop Garden
- A2A5C1
≈ Wild Phlox
- BA9DAF
≈ Fiddlesticks
Tetradico +90° +180° +270°
- 9EAD92
Rooftop Garden
- 8BAEBA
≈ Thermocline
- B0A0BB
≈ Iris Blossom
- BF9F93
≈ Earth Warming
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.37:1 · APCA Lc 47
Ag
AAASu nero
WCAG 8.84:1 · APCA Lc 55
Miglior colore del testo: #000000
WCAG 8.84:1 (AAA) · APCA Lc 55
Contrast pairs
Frammenti di codice
CSS
:root {
--rooftop-garden: #9ead92;
--rooftop-garden-rgb: 158 173 146;
--rooftop-garden-oklch: oklch(0.728 0.042 131.2);
}
.element {
color: var(--rooftop-garden);
background-color: hsl(93 14% 63%);
border-color: oklch(0.728 0.042 131.2);
}Tailwind CSS v4
@theme {
--color-rooftop-garden: #9ead92;
--color-rooftop-garden-50: #f0f8ec;
--color-rooftop-garden-100: #e2ebdd;
--color-rooftop-garden-200: #cdd8c6;
--color-rooftop-garden-300: #afbca7;
--color-rooftop-garden-400: #96a48a;
--color-rooftop-garden-500: #7c8c70;
--color-rooftop-garden-600: #69775f;
--color-rooftop-garden-700: #545f4b;
--color-rooftop-garden-800: #3e4536;
--color-rooftop-garden-900: #2a3025;
--color-rooftop-garden-950: #181c14;
}SCSS
$rooftop-garden: #9ead92;
$rooftop-garden-rgb: 158, 173, 146;
$rooftop-garden-light: mix(#fff, $rooftop-garden, 20%);
$rooftop-garden-dark: mix(#000, $rooftop-garden, 20%);
.element {
color: $rooftop-garden;
box-shadow: 0 0 0 2px rgba($rooftop-garden, 0.35);
}