Colore con nome · #97B391
Dew Green
Dew Green è #97B391: rgb(151 179 145), hsl(109 18% 64%), oklch(0.736 0.057 140.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Dew Green color name →
#97B391
oklch(0.736 0.057 140.1)
Conversioni di colore
- HEX
- #97b391
- RGB
- rgb(151 179 145)
- HSL
- hsl(109 18% 64%)
- HWB
- hwb(109 57% 30%)
- OKLCH
- oklch(0.736 0.057 140.1)
- OKLab
- oklab(0.736 -0.044 0.037)
- CIE Lab
- lab(70.12 -14.85 14.1)
- LCH
- lch(70.12 20.48 136.5)
- CMYK
- cmyk(16% 0% 19% 30%)
Tinte · Ombre · Toni
Tinte
- A1BA9C
- ABC2A6
- B5C9B1
- C0D1BC
- CAD9C7
- D5E0D2
- DFE8DD
- EAF0E8
- F4F7F4
Ombre
- 839B7D
- 6F846A
- 5C6E58
- 495846
- 374335
- 262F25
- 171D15
- 080C07
- 010101
Toni
- 95AE8F
- 93A98E
- 90A38C
- 8E9E8A
- 8C9989
- 899487
- 878F85
- 858A84
- 828582
Armonie di colore
Complementare +180°
- 97B391
Dew Green
- BA9EC0
≈ Tuileries Tint
Analogo -30° +30°
- 97B391
Dew Green
- ABAD84
≈ Wall Green
- 86B6A4
≈ Source Green
Triadico +120° +240°
- 97B391
Dew Green
- 95ABCE
≈ Hopeful Dream
- CB9C9B
≈ Remembrance
Complementare divisa +150° +210°
- 97B391
Dew Green
- A9A4CC
≈ Puturple
- C69BAF
≈ Lady’s Cushions Pink
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.28:1 · APCA Lc 45
Ag
AAASu nero
WCAG 9.17:1 · APCA Lc 57
Miglior colore del testo: #000000
WCAG 9.17:1 (AAA) · APCA Lc 57
Contrast pairs
Frammenti di codice
CSS
:root {
--dew-green: #97b391;
--dew-green-rgb: 151 179 145;
--dew-green-oklch: oklch(0.736 0.057 140.1);
}
.element {
color: var(--dew-green);
background-color: hsl(109 18% 64%);
border-color: oklch(0.736 0.057 140.1);
}Tailwind CSS v4
@theme {
--color-dew-green: #97b391;
--color-dew-green-50: #ecfaeb;
--color-dew-green-100: #deeddc;
--color-dew-green-200: #c7dbc5;
--color-dew-green-300: #a7bfa4;
--color-dew-green-400: #8da787;
--color-dew-green-500: #72906c;
--color-dew-green-600: #617a5c;
--color-dew-green-700: #4d6149;
--color-dew-green-800: #394734;
--color-dew-green-900: #273123;
--color-dew-green-950: #151d12;
}SCSS
$dew-green: #97b391;
$dew-green-rgb: 151, 179, 145;
$dew-green-light: mix(#fff, $dew-green, 20%);
$dew-green-dark: mix(#000, $dew-green, 20%);
.element {
color: $dew-green;
box-shadow: 0 0 0 2px rgba($dew-green, 0.35);
}