Warna bernama · #77B87C
Lucerne
Lucerne adalah #77B87C: rgb(119 184 124), hsl(125 31% 59%), oklch(0.723 0.109 146.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Green mean? → · Lucerne color name →
#77B87C
oklch(0.723 0.109 146.2)
Konversi warna
- HEX
- #77b87c
- RGB
- rgb(119 184 124)
- HSL
- hsl(125 31% 59%)
- HWB
- hwb(125 47% 28%)
- OKLCH
- oklch(0.723 0.109 146.2)
- OKLab
- oklab(0.723 -0.09 0.061)
- CIE Lab
- lab(69.25 -30.96 23.74)
- LCH
- lch(69.25 39.02 142.5)
- CMYK
- cmyk(35% 0% 33% 28%)
Tint · Shade · Tone
Tint
- 85BF89
- 93C696
- A0CDA3
- AED5B0
- BBDCBD
- C9E3CA
- D6EAD7
- E4F1E4
- F1F8F2
Shade
- 67A06B
- 57885A
- 47714A
- 385B3B
- 2A452C
- 1C311E
- 101E11
- 050C05
- 010201
Tone
- 79B27D
- 7AAD7D
- 7CA77E
- 7DA27F
- 7E9C7F
- 7E967F
- 7F9180
- 7F8B80
- 808680
Harmoni warna
Komplementer +180°
- 77B87C
Lucerne
- C98DCA
≈ Rose Souvenir
Analog -30° +30°
- 77B87C
Lucerne
- A2AE5B
≈ Stay in Lime
- 4BBCA3
≈ Jolt of Jade
Triadik +120° +240°
- 77B87C
Lucerne
- 86A4EA
≈ Blue Cue
- E28A81
≈ Coral Haze
Split-komplementer +150° +210°
- 77B87C
Lucerne
- AC97E2
≈ Dull Lavender
- DC88A7
≈ Vivacious Pink
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.35:1 · APCA Lc 46
Ag
AAADi atas hitam
WCAG 8.93:1 · APCA Lc 56
Warna teks terbaik: #000000
WCAG 8.93:1 (AAA) · APCA Lc 56
Contrast pairs
Cuplikan kode
CSS
:root {
--lucerne: #77b87c;
--lucerne-rgb: 119 184 124;
--lucerne-oklch: oklch(0.723 0.109 146.2);
}
.element {
color: var(--lucerne);
background-color: hsl(125 31% 59%);
border-color: oklch(0.723 0.109 146.2);
}Tailwind CSS v4
@theme {
--color-lucerne: #77b87c;
--color-lucerne-50: #e1fee4;
--color-lucerne-100: #d0f3d4;
--color-lucerne-200: #b5e2bb;
--color-lucerne-300: #91c798;
--color-lucerne-400: #73b077;
--color-lucerne-500: #519959;
--color-lucerne-600: #46824c;
--color-lucerne-700: #38683c;
--color-lucerne-800: #294c29;
--color-lucerne-900: #1c351c;
--color-lucerne-950: #0c200c;
}SCSS
$lucerne: #77b87c;
$lucerne-rgb: 119, 184, 124;
$lucerne-light: mix(#fff, $lucerne, 20%);
$lucerne-dark: mix(#000, $lucerne, 20%);
.element {
color: $lucerne;
box-shadow: 0 0 0 2px rgba($lucerne, 0.35);
}