Colore con nome · #009E60
Shamrock
Shamrock è #009E60: rgb(0 158 96), hsl(156 100% 31%), oklch(0.615 0.146 157.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Shamrock color name →
#009E60
oklch(0.615 0.146 157.1)
Conversioni di colore
- HEX
- #009e60
- RGB
- rgb(0 158 96)
- HSL
- hsl(156 100% 31%)
- HWB
- hwb(156 0% 38%)
- OKLCH
- oklch(0.615 0.146 157.1)
- OKLab
- oklab(0.615 -0.135 0.057)
- CIE Lab
- lab(57.29 -47.94 22.15)
- LCH
- lch(57.29 52.81 155.2)
- CMYK
- cmyk(100% 0% 39% 38%)
Tinte · Ombre · Toni
Tinte
- 39A86F
- 56B27F
- 6EBC8E
- 84C59E
- 99CFAE
- AED9BE
- C2E2CE
- D7ECDE
- EBF5EE
Ombre
- 008952
- 007445
- 006038
- 004D2C
- 003A20
- 002915
- 00180A
- 000903
- 000100
Toni
- 289B64
- 3A9967
- 48966A
- 53936E
- 5C9071
- 658D74
- 6C8A77
- 73877A
- 7A837D
Armonie di colore
Complementare +180°
- 009E60
Shamrock
- BA5EA4
≈ Young Purple
Analogo -30° +30°
- 009E60
Shamrock
- 6D941F
≈ Canopy
- 009990
≈ Green Dynasty
Triadico +120° +240°
- 009E60
Shamrock
- 7079DB
≈ Kickstart Purple
- CD6040
≈ Arabesque
Complementare divisa +150° +210°
- 009E60
Shamrock
- 9C6AC8
≈ Amethyst
- CB5A75
≈ Rapture Rose
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.46:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.05:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.05:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--shamrock: #009e60;
--shamrock-rgb: 0 158 96;
--shamrock-oklch: oklch(0.615 0.146 157.1);
}
.element {
color: var(--shamrock);
background-color: hsl(156 100% 31%);
border-color: oklch(0.615 0.146 157.1);
}Tailwind CSS v4
@theme {
--color-shamrock: #009e60;
--color-shamrock-50: #d2ffe6;
--color-shamrock-100: #bff8d6;
--color-shamrock-200: #9de8be;
--color-shamrock-300: #6fce9c;
--color-shamrock-400: #42b87b;
--color-shamrock-500: #00a25d;
--color-shamrock-600: #00894f;
--color-shamrock-700: #006e3f;
--color-shamrock-800: #00512b;
--color-shamrock-900: #01381d;
--color-shamrock-950: #00220d;
}SCSS
$shamrock: #009e60;
$shamrock-rgb: 0, 158, 96;
$shamrock-light: mix(#fff, $shamrock, 20%);
$shamrock-dark: mix(#000, $shamrock, 20%);
.element {
color: $shamrock;
box-shadow: 0 0 0 2px rgba($shamrock, 0.35);
}