Colore con nome · #98B092
Nurture Green
Nurture Green è #98B092: rgb(152 176 146), hsl(108 16% 63%), oklch(0.731 0.05 139.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Nurture Green color name →
#98B092
oklch(0.731 0.05 139.4)
Conversioni di colore
- HEX
- #98b092
- RGB
- rgb(152 176 146)
- HSL
- hsl(108 16% 63%)
- HWB
- hwb(108 57% 31%)
- OKLCH
- oklch(0.731 0.05 139.4)
- OKLab
- oklab(0.731 -0.038 0.033)
- CIE Lab
- lab(69.36 -12.91 12.53)
- LCH
- lch(69.36 17.99 135.8)
- CMYK
- cmyk(14% 0% 17% 31%)
Tinte · Ombre · Toni
Tinte
- A2B89D
- ACBFA7
- B6C7B2
- C0CFBD
- CBD7C7
- D5DFD2
- DFE7DD
- EAEFE9
- F4F7F4
Ombre
- 84997E
- 70826B
- 5C6C58
- 4A5646
- 384235
- 272E25
- 171C16
- 080B08
- 010101
Toni
- 96AB90
- 93A68F
- 91A18D
- 8E9D8B
- 8C9889
- 8A9387
- 878E86
- 858984
- 828582
Armonie di colore
Complementare +180°
- 98B092
Nurture Green
- B69EBC
≈ Tuileries Tint
Analogo -30° +30°
- 98B092
Nurture Green
- AAAB87
≈ New Bamboo
- 89B3A3
≈ Le Max
Triadico +120° +240°
- 98B092
Nurture Green
- 95A9C8
≈ Finesse
- C69C9B
≈ Pepperberry
Complementare divisa +150° +210°
- 98B092
Nurture Green
- A6A3C6
≈ Canyon Mist
- C19BAD
≈ Fauna
Tetradico +90° +180° +270°
- 98B092
Nurture Green
- 88AEC1
≈ Chilly Blue
- B69EBC
≈ Tuileries Tint
- C39F8C
≈ Whistler Rose
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.34:1 · APCA Lc 46
Ag
AAASu nero
WCAG 8.96:1 · APCA Lc 56
Miglior colore del testo: #000000
WCAG 8.96:1 (AAA) · APCA Lc 56
Contrast pairs
Frammenti di codice
CSS
:root {
--nurture-green: #98b092;
--nurture-green-rgb: 152 176 146;
--nurture-green-oklch: oklch(0.731 0.05 139.4);
}
.element {
color: var(--nurture-green);
background-color: hsl(108 16% 63%);
border-color: oklch(0.731 0.05 139.4);
}Tailwind CSS v4
@theme {
--color-nurture-green: #98b092;
--color-nurture-green-50: #eef9ec;
--color-nurture-green-100: #dfecdd;
--color-nurture-green-200: #c9dac6;
--color-nurture-green-300: #aabea7;
--color-nurture-green-400: #90a68a;
--color-nurture-green-500: #758f6f;
--color-nurture-green-600: #63795e;
--color-nurture-green-700: #4f614b;
--color-nurture-green-800: #3a4736;
--color-nurture-green-900: #283125;
--color-nurture-green-950: #161d13;
}SCSS
$nurture-green: #98b092;
$nurture-green-rgb: 152, 176, 146;
$nurture-green-light: mix(#fff, $nurture-green, 20%);
$nurture-green-dark: mix(#000, $nurture-green, 20%);
.element {
color: $nurture-green;
box-shadow: 0 0 0 2px rgba($nurture-green, 0.35);
}