Colore con nome · #93A394
Heavenly Garden
Heavenly Garden è #93A394: rgb(147 163 148), hsl(124 8% 61%), oklch(0.698 0.028 147). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Heavenly Garden color name →
#93A394
oklch(0.698 0.028 147)
Conversioni di colore
- HEX
- #93a394
- RGB
- rgb(147 163 148)
- HSL
- hsl(124 8% 61%)
- HWB
- hwb(124 58% 36%)
- OKLCH
- oklch(0.698 0.028 147)
- OKLab
- oklab(0.698 -0.024 0.015)
- CIE Lab
- lab(65.39 -8.06 5.8)
- LCH
- lch(65.39 9.93 144.2)
- CMYK
- cmyk(10% 0% 9% 36%)
Tinte · Ombre · Toni
Tinte
- 9DAC9E
- A8B5A9
- B2BEB3
- BDC7BE
- C8D0C8
- D3D9D3
- DEE3DE
- E9ECE9
- F4F5F4
Ombre
- 7F8D80
- 6C786D
- 59635A
- 474F48
- 363C36
- 252A26
- 161916
- 080A08
- 010101
Toni
- 919F92
- 8F9C90
- 8D988E
- 8B958C
- 8A918A
- 888E88
- 868A86
- 848784
- 828382
Armonie di colore
Complementare +180°
- 93A394
Heavenly Garden
- A898A7
≈ Windsor Haze
Analogo -30° +30°
- 93A394
Heavenly Garden
- 9CA18D
≈ Meadowood
- 8CA49D
≈ Morning Blue
Triadico +120° +240°
- 93A394
Heavenly Garden
- 969EB0
≈ Screen Test
- AF9895
≈ Lavenbrun
Complementare divisa +150° +210°
- 93A394
Heavenly Garden
- 9F9BAE
≈ Adhesion
- AD979E
≈ Legendary Lilac
Tetradico +90° +180° +270°
- 93A394
Heavenly Garden
- 8EA1AE
≈ Stormy Skies
- A898A7
≈ Windsor Haze
- AC9A8D
≈ Threshold Taupe
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.65:1 · APCA Lc 52
Ag
AAASu nero
WCAG 7.90:1 · APCA Lc 50
Miglior colore del testo: #000000
WCAG 7.90:1 (AAA) · APCA Lc 50
Contrast pairs
Frammenti di codice
CSS
:root {
--heavenly-garden: #93a394;
--heavenly-garden-rgb: 147 163 148;
--heavenly-garden-oklch: oklch(0.698 0.028 147);
}
.element {
color: var(--heavenly-garden);
background-color: hsl(124 8% 61%);
border-color: oklch(0.698 0.028 147);
}Tailwind CSS v4
@theme {
--color-heavenly-garden: #93a394;
--color-heavenly-garden-50: #f0f7f1;
--color-heavenly-garden-100: #e2ebe3;
--color-heavenly-garden-200: #ccd8ce;
--color-heavenly-garden-300: #aebcb0;
--color-heavenly-garden-400: #94a395;
--color-heavenly-garden-500: #7a8c7c;
--color-heavenly-garden-600: #687669;
--color-heavenly-garden-700: #535e54;
--color-heavenly-garden-800: #3d453c;
--color-heavenly-garden-900: #2a302a;
--color-heavenly-garden-950: #171c17;
}SCSS
$heavenly-garden: #93a394;
$heavenly-garden-rgb: 147, 163, 148;
$heavenly-garden-light: mix(#fff, $heavenly-garden, 20%);
$heavenly-garden-dark: mix(#000, $heavenly-garden, 20%);
.element {
color: $heavenly-garden;
box-shadow: 0 0 0 2px rgba($heavenly-garden, 0.35);
}