Colore con nome · #398A59
Irish
Irish è #398A59: rgb(57 138 89), hsl(144 42% 38%), oklch(0.57 0.11 154.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Irish color name →
#398A59
oklch(0.57 0.11 154.2)
Conversioni di colore
- HEX
- #398a59
- RGB
- rgb(57 138 89)
- HSL
- hsl(144 42% 38%)
- HWB
- hwb(144 22% 46%)
- OKLCH
- oklch(0.57 0.11 154.2)
- OKLab
- oklab(0.57 -0.099 0.048)
- CIE Lab
- lab(51.54 -34.72 18.61)
- LCH
- lch(51.54 39.39 151.8)
- CMYK
- cmyk(59% 0% 36% 46%)
Tinte · Ombre · Toni
Tinte
- 4F9569
- 64A178
- 78AD89
- 8BB899
- 9EC4A9
- B1D0BA
- C5DBCB
- D8E7DC
- EBF3ED
Ombre
- 30774C
- 286540
- 1F5334
- 174228
- 10321D
- 092213
- 041409
- 010703
- 000100
Toni
- 43895D
- 4C8861
- 548865
- 5B8769
- 62866D
- 698571
- 6F8475
- 758279
- 7A817C
Armonie di colore
Complementare +180°
- 398A59
Irish
- 9E5D92
≈ Bermuda Onion
Analogo -30° +30°
- 398A59
Irish
- 6A8233
≈ Swamp Moss
- 008A7E
≈ Go Go Green
Triadico +120° +240°
- 398A59
Irish
- 6471B8
≈ Gladiola Blue
- AE5D4A
≈ Ant Red
Complementare divisa +150° +210°
- 398A59
Irish
- 8666AC
≈ Chive Blossom
- AC5970
≈ Malaga
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.23:1 · APCA Lc 69
Ag
AASu nero
WCAG 4.95:1 · APCA Lc 33
Miglior colore del testo: #000000
WCAG 4.95:1 (AA) · APCA Lc 33
Contrast pairs
Frammenti di codice
CSS
:root {
--irish: #398a59;
--irish-rgb: 57 138 89;
--irish-oklch: oklch(0.57 0.11 154.2);
}
.element {
color: var(--irish);
background-color: hsl(144 42% 38%);
border-color: oklch(0.57 0.11 154.2);
}Tailwind CSS v4
@theme {
--color-irish: #398a59;
--color-irish-50: #ddffe8;
--color-irish-100: #cbf4d9;
--color-irish-200: #afe3c1;
--color-irish-300: #88c9a0;
--color-irish-400: #67b281;
--color-irish-500: #409b64;
--color-irish-600: #378355;
--color-irish-700: #2c6944;
--color-irish-800: #204d2f;
--color-irish-900: #153620;
--color-irish-950: #06210f;
}SCSS
$irish: #398a59;
$irish-rgb: 57, 138, 89;
$irish-light: mix(#fff, $irish, 20%);
$irish-dark: mix(#000, $irish, 20%);
.element {
color: $irish;
box-shadow: 0 0 0 2px rgba($irish, 0.35);
}