Warna bernama terdekat · #91B78D
#91B78D
Warna bernama terdekat: Foliage
#91B78D (rgb(145 183 141), hsl(114 23% 64%), oklch(0.74 0.072 142.4)) paling mendekati warna bernama Foliage. Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
#91B78D
oklch(0.74 0.072 142.4)
Konversi warna
- HEX
- #91b78d
- RGB
- rgb(145 183 141)
- HSL
- hsl(114 23% 64%)
- HWB
- hwb(114 55% 28%)
- OKLCH
- oklch(0.74 0.072 142.4)
- OKLab
- oklab(0.74 -0.057 0.044)
- CIE Lab
- lab(70.78 -19.43 17.08)
- LCH
- lch(70.78 25.87 138.7)
- CMYK
- cmyk(21% 0% 23% 28%)
Tint · Shade · Tone
Tint
- 9CBE98
- A7C5A3
- B1CCAE
- BCD4BA
- C7DBC5
- D2E2D0
- DDE9DC
- E9F0E8
- F4F8F3
Shade
- 7D9F7A
- 6A8767
- 587055
- 465A44
- 354533
- 253123
- 151E14
- 070C07
- 010201
Tone
- 8FB18C
- 8EAC8B
- 8CA689
- 8BA188
- 899B87
- 879686
- 869084
- 848B83
- 828581
Harmoni warna
Komplementer +180°
- 91B78D
Foliage
- C19CC6
≈ Lilac Pink
Analog -30° +30°
- 91B78D
Foliage
- ABB07B
≈ Wasabi Green
- 7ABAA6
≈ Sereni Teal
Triadik +120° +240°
- 91B78D
Foliage
- 92ABD9
≈ Victory Lake
- D59996
≈ Tobermory
Split-komplementer +150° +210°
- 91B78D
Foliage
- ACA3D5
≈ Milky Lavender
- D098AF
≈ Exotic Lilac
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.24:1 · APCA Lc 44
Ag
AAADi atas hitam
WCAG 9.36:1 · APCA Lc 58
Warna teks terbaik: #000000
WCAG 9.36:1 (AAA) · APCA Lc 58
Contrast pairs
Cuplikan kode
CSS
:root {
--foliage: #91b78d;
--foliage-rgb: 145 183 141;
--foliage-oklch: oklch(0.74 0.072 142.4);
}
.element {
color: var(--foliage);
background-color: hsl(114 23% 64%);
border-color: oklch(0.74 0.072 142.4);
}Tailwind CSS v4
@theme {
--color-foliage: #91b78d;
--color-foliage-50: #e9fbe9;
--color-foliage-100: #daefd9;
--color-foliage-200: #c2ddc1;
--color-foliage-300: #a1c2a1;
--color-foliage-400: #86aa82;
--color-foliage-500: #6a9366;
--color-foliage-600: #5a7c57;
--color-foliage-700: #486345;
--color-foliage-800: #354931;
--color-foliage-900: #243221;
--color-foliage-950: #131e10;
}SCSS
$foliage: #91b78d;
$foliage-rgb: 145, 183, 141;
$foliage-light: mix(#fff, $foliage, 20%);
$foliage-dark: mix(#000, $foliage, 20%);
.element {
color: $foliage;
box-shadow: 0 0 0 2px rgba($foliage, 0.35);
}