Colore con nome · #598069
Holenso
Holenso è #598069: rgb(89 128 105), hsl(145 18% 43%), oklch(0.564 0.056 158.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Holenso color name →
#598069
oklch(0.564 0.056 158.1)
Conversioni di colore
- HEX
- #598069
- RGB
- rgb(89 128 105)
- HSL
- hsl(145 18% 43%)
- HWB
- hwb(145 35% 50%)
- OKLCH
- oklch(0.564 0.056 158.1)
- OKLab
- oklab(0.564 -0.052 0.021)
- CIE Lab
- lab(50.16 -18.13 7.96)
- LCH
- lch(50.16 19.8 156.3)
- CMYK
- cmyk(30% 0% 18% 50%)
Tinte · Ombre · Toni
Tinte
- 698C77
- 799885
- 89A594
- 99B1A2
- AABEB1
- BACBC0
- CBD8D0
- DCE5DF
- EEF2EF
Ombre
- 4C6E5A
- 405D4C
- 344D3E
- 283D31
- 1D2E24
- 131F18
- 09120C
- 030604
- 000100
Toni
- 5D806B
- 61806E
- 668070
- 6A8072
- 6D8075
- 718077
- 758079
- 79807B
- 7C807E
Armonie di colore
Complementare +180°
- 598069
Holenso
- 8C6981
≈ Imaginary Mauve
Analogo -30° +30°
- 598069
Holenso
- 6C7C58
≈ Kariyasu Green
- 4D817C
≈ Bubble Turquoise
Triadico +120° +240°
- 598069
Holenso
- 6D7397
≈ Silk Crepe Mauve
- 936A5D
≈ Badlands Sunset
Complementare divisa +150° +210°
- 598069
Holenso
- 7F6D90
≈ Nymph’s Delight
- 93686F
≈ Mauve-a-Lish
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.45:1 · APCA Lc 71
Ag
AASu nero
WCAG 4.71:1 · APCA Lc 31
Miglior colore del testo: #000000
WCAG 4.71:1 (AA) · APCA Lc 31
Contrast pairs
Frammenti di codice
CSS
:root {
--holenso: #598069;
--holenso-rgb: 89 128 105;
--holenso-oklch: oklch(0.564 0.056 158.1);
}
.element {
color: var(--holenso);
background-color: hsl(145 18% 43%);
border-color: oklch(0.564 0.056 158.1);
}Tailwind CSS v4
@theme {
--color-holenso: #598069;
--color-holenso-50: #e8faf0;
--color-holenso-100: #d9eee1;
--color-holenso-200: #c0dccc;
--color-holenso-300: #9fc1ae;
--color-holenso-400: #83a992;
--color-holenso-500: #669278;
--color-holenso-600: #577b66;
--color-holenso-700: #456351;
--color-holenso-800: #32483a;
--color-holenso-900: #223228;
--color-holenso-950: #111e16;
}SCSS
$holenso: #598069;
$holenso-rgb: 89, 128, 105;
$holenso-light: mix(#fff, $holenso, 20%);
$holenso-dark: mix(#000, $holenso, 20%);
.element {
color: $holenso;
box-shadow: 0 0 0 2px rgba($holenso, 0.35);
}