Colore con nome · #05472A
Alaskan Moss
Alaskan Moss è #05472A: rgb(5 71 42), hsl(154 87% 15%), oklch(0.352 0.08 157.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Alaskan Moss color name →
#05472A
oklch(0.352 0.08 157.6)
Conversioni di colore
- HEX
- #05472a
- RGB
- rgb(5 71 42)
- HSL
- hsl(154 87% 15%)
- HWB
- hwb(154 2% 72%)
- OKLCH
- oklch(0.352 0.08 157.6)
- OKLab
- oklab(0.352 -0.074 0.03)
- CIE Lab
- lab(25.84 -26.21 11.78)
- LCH
- lch(25.84 28.73 155.8)
- CMYK
- cmyk(93% 0% 41% 72%)
Tinte · Ombre · Toni
Tinte
- 25583D
- 3D6950
- 557B64
- 6C8D78
- 839F8E
- 9BB1A3
- B3C4BA
- CCD8D0
- E5EBE7
Ombre
- 043D23
- 03321C
- 022816
- 011F10
- 01160A
- 000D05
- 000602
- 000201
- 000000
Toni
- 194D32
- 27523A
- 335843
- 3F5E4B
- 4A6354
- 55695C
- 606F65
- 6A756E
- 757A77
Armonie di colore
Complementare +180°
- 05472A
Alaskan Moss
- 55294A
≈ Murasaki
Analogo -30° +30°
- 05472A
Alaskan Moss
- 2F420E
≈ Hinterlands Green
- 004541
≈ Dark Side
Triadico +120° +240°
- 05472A
Alaskan Moss
- 313664
≈ Deep Koamaru
- 5D2A1A
≈ Hot Fudge
Complementare divisa +150° +210°
- 05472A
Alaskan Moss
- 462E5B
≈ Scarlet Gum
- 5D2733
≈ Wine Country
Tetradico +90° +180° +270°
- 05472A
Alaskan Moss
- 113D62
≈ Poseidon
- 55294A
≈ Murasaki
- 553200
≈ Eyelash Camel
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 10.81:1 · APCA Lc 95
Ag
FailSu nero
WCAG 1.94:1 · APCA Lc 8
Miglior colore del testo: #FFFFFF
WCAG 10.81:1 (AAA) · APCA Lc 95
Contrast pairs
Frammenti di codice
CSS
:root {
--alaskan-moss: #05472a;
--alaskan-moss-rgb: 5 71 42;
--alaskan-moss-oklch: oklch(0.352 0.08 157.6);
}
.element {
color: var(--alaskan-moss);
background-color: hsl(154 87% 15%);
border-color: oklch(0.352 0.08 157.6);
}Tailwind CSS v4
@theme {
--color-alaskan-moss: #05472a;
--color-alaskan-moss-50: #e3fded;
--color-alaskan-moss-100: #d2f1df;
--color-alaskan-moss-200: #b8dfc8;
--color-alaskan-moss-300: #94c4a9;
--color-alaskan-moss-400: #76ad8c;
--color-alaskan-moss-500: #559671;
--color-alaskan-moss-600: #497f60;
--color-alaskan-moss-700: #3a664d;
--color-alaskan-moss-800: #2a4b36;
--color-alaskan-moss-900: #1c3425;
--color-alaskan-moss-950: #0c1f14;
}SCSS
$alaskan-moss: #05472a;
$alaskan-moss-rgb: 5, 71, 42;
$alaskan-moss-light: mix(#fff, $alaskan-moss, 20%);
$alaskan-moss-dark: mix(#000, $alaskan-moss, 20%);
.element {
color: $alaskan-moss;
box-shadow: 0 0 0 2px rgba($alaskan-moss, 0.35);
}