Named color · #05472A
Alaskan Moss
Alaskan Moss is #05472A: rgb(5 71 42), hsl(154 87% 15%), oklch(0.352 0.08 157.6). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Green mean? → · Alaskan Moss color name →
#05472A
oklch(0.352 0.08 157.6)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 25583D
- 3D6950
- 557B64
- 6C8D78
- 839F8E
- 9BB1A3
- B3C4BA
- CCD8D0
- E5EBE7
Shades
- 043D23
- 03321C
- 022816
- 011F10
- 01160A
- 000D05
- 000602
- 000201
- 000000
Tones
- 194D32
- 27523A
- 335843
- 3F5E4B
- 4A6354
- 55695C
- 606F65
- 6A756E
- 757A77
Color harmonies
Complementary +180°
- 05472A
Alaskan Moss
- 55294A
≈ Murasaki
Analogous -30° +30°
- 05472A
Alaskan Moss
- 2F420E
≈ Hinterlands Green
- 004541
≈ Dark Side
Triadic +120° +240°
- 05472A
Alaskan Moss
- 313664
≈ Deep Koamaru
- 5D2A1A
≈ Hot Fudge
Split-complementary +150° +210°
- 05472A
Alaskan Moss
- 462E5B
≈ Scarlet Gum
- 5D2733
≈ Wine Country
Tetradic +90° +180° +270°
- 05472A
Alaskan Moss
- 113D62
≈ Poseidon
- 55294A
≈ Murasaki
- 553200
≈ Eyelash Camel
Contrast & accessibility
Ag
AAAOn white
WCAG 10.81:1 · APCA Lc 95
Ag
FailOn black
WCAG 1.94:1 · APCA Lc 8
Best text color: #FFFFFF
WCAG 10.81:1 (AAA) · APCA Lc 95
Contrast pairs
Code snippets
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);
}