Colore con nome · #67926F
Spring Forest
Spring Forest è #67926F: rgb(103 146 111), hsl(131 17% 49%), oklch(0.619 0.071 149.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Spring Forest color name →
#67926F
oklch(0.619 0.071 149.7)
Conversioni di colore
- HEX
- #67926f
- RGB
- rgb(103 146 111)
- HSL
- hsl(131 17% 49%)
- HWB
- hwb(131 40% 43%)
- OKLCH
- oklch(0.619 0.071 149.7)
- OKLab
- oklab(0.619 -0.061 0.036)
- CIE Lab
- lab(56.67 -20.97 13.71)
- LCH
- lch(56.67 25.05 146.8)
- CMYK
- cmyk(29% 0% 24% 43%)
Tinte · Ombre · Toni
Tinte
- 769D7D
- 85A78A
- 93B298
- A2BDA6
- B1C7B5
- C1D2C3
- D0DDD2
- E0E9E1
- EFF4F0
Ombre
- 597E60
- 4B6B51
- 3D5842
- 304634
- 233527
- 17251A
- 0C160E
- 040804
- 000101
Toni
- 6A9071
- 6D8F73
- 6F8D74
- 728B76
- 758978
- 77877A
- 79867B
- 7C847D
- 7E827E
Armonie di colore
Complementare +180°
- 67926F
Spring Forest
- 9E769A
≈ Screen Gem
Analogo -30° +30°
- 67926F
Spring Forest
- 808C5B
≈ Moss Point Green
- 529487
≈ Thermal Spring
Triadico +120° +240°
- 67926F
Spring Forest
- 7584B1
≈ Corsican Purple
- AC766D
≈ Rum Spice
Complementare divisa +150° +210°
- 67926F
Spring Forest
- 8C7CAB
≈ Parmentier
- AA7484
≈ Never Forget
Tetradico +90° +180° +270°
- 67926F
Spring Forest
- 5D8CAC
≈ Gunjō Blue
- 9E769A
≈ Screen Gem
- A67C5A
≈ Café au Lait
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.54:1 · APCA Lc 63
Ag
AASu nero
WCAG 5.91:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.91:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--spring-forest: #67926f;
--spring-forest-rgb: 103 146 111;
--spring-forest-oklch: oklch(0.619 0.071 149.7);
}
.element {
color: var(--spring-forest);
background-color: hsl(131 17% 49%);
border-color: oklch(0.619 0.071 149.7);
}Tailwind CSS v4
@theme {
--color-spring-forest: #67926f;
--color-spring-forest-50: #e7fbeb;
--color-spring-forest-100: #d7efdc;
--color-spring-forest-200: #bfddc6;
--color-spring-forest-300: #9dc2a6;
--color-spring-forest-400: #81ab88;
--color-spring-forest-500: #64946d;
--color-spring-forest-600: #557d5d;
--color-spring-forest-700: #44644a;
--color-spring-forest-800: #314934;
--color-spring-forest-900: #223324;
--color-spring-forest-950: #111e13;
}SCSS
$spring-forest: #67926f;
$spring-forest-rgb: 103, 146, 111;
$spring-forest-light: mix(#fff, $spring-forest, 20%);
$spring-forest-dark: mix(#000, $spring-forest, 20%);
.element {
color: $spring-forest;
box-shadow: 0 0 0 2px rgba($spring-forest, 0.35);
}