En yakın adlandırılmış renk · #9FC961
#9FC961
En yakın adlandırılmış renk: Lone Hunter
#9FC961 (rgb(159 201 97), hsl(84 49% 58%), oklch(0.783 0.141 127.5)) en çok Lone Hunter adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#9FC961
oklch(0.783 0.141 127.5)
Renk dönüşümleri
- HEX
- #9fc961
- RGB
- rgb(159 201 97)
- HSL
- hsl(84 49% 58%)
- HWB
- hwb(84 38% 21%)
- OKLCH
- oklch(0.783 0.141 127.5)
- OKLab
- oklab(0.783 -0.086 0.112)
- CIE Lab
- lab(76.26 -26.88 46.56)
- LCH
- lch(76.26 53.76 120)
- CMYK
- cmyk(21% 0% 52% 21%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A8CF73
- B2D483
- BBDA94
- C5DFA3
- CEE5B3
- D8EAC2
- E2EFD1
- EBF5E1
- F5FAF0
Koyu tonlar
- 8AAE53
- 759546
- 617C39
- 4D642D
- 3B4C21
- 293615
- 18220B
- 090F03
- 010200
Gri tonlar
- 9CC266
- 99BA6B
- 96B36F
- 93AC72
- 90A475
- 8C9D78
- 89967A
- 868F7D
- 83877E
Renk uyumları
Tamamlayıcı +180°
- 9FC961
Lone Hunter
- D19FFE
≈ Lilac
Analog -30° +30°
- 9FC961
Lone Hunter
- D1B83D
≈ Yellowstone
- 5DD395
≈ Van Gogh Green
Üçlü +120° +240°
- 9FC961
Lone Hunter
- 79BFFF
≈ Cooler Than Ever
- FF93A9
≈ Salmon Pink
Bölünmüş tamamlayıcı +150° +210°
- 9FC961
Lone Hunter
- A7B2FF
≈ Winterspring Lilac
- F294D8
≈ Bubblegum Kisses
Dörtlü +90° +180° +270°
- 9FC961
Lone Hunter
- 00CDF3
≈ Picnic Day Sky
- D19FFE
≈ Lilac
- FF9A7B
≈ Flash in the Pan
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.90:1 · APCA Lc 36
Ag
AAASiyah üzerinde
WCAG 11.00:1 · APCA Lc 66
En iyi metin rengi: #000000
WCAG 11.00:1 (AAA) · APCA Lc 66
Contrast pairs
Kod parçacıkları
CSS
:root {
--lone-hunter: #9fc961;
--lone-hunter-rgb: 159 201 97;
--lone-hunter-oklch: oklch(0.783 0.141 127.5);
}
.element {
color: var(--lone-hunter);
background-color: hsl(84 49% 58%);
border-color: oklch(0.783 0.141 127.5);
}Tailwind CSS v4
@theme {
--color-lone-hunter: #9fc961;
--color-lone-hunter-50: #e8fed4;
--color-lone-hunter-100: #d9f2c0;
--color-lone-hunter-200: #c1e1a1;
--color-lone-hunter-300: #a0c677;
--color-lone-hunter-400: #87ae4c;
--color-lone-hunter-500: #6c9614;
--color-lone-hunter-600: #5b7f16;
--color-lone-hunter-700: #496612;
--color-lone-hunter-800: #374a07;
--color-lone-hunter-900: #253405;
--color-lone-hunter-950: #141f00;
}SCSS
$lone-hunter: #9fc961;
$lone-hunter-rgb: 159, 201, 97;
$lone-hunter-light: mix(#fff, $lone-hunter, 20%);
$lone-hunter-dark: mix(#000, $lone-hunter, 20%);
.element {
color: $lone-hunter;
box-shadow: 0 0 0 2px rgba($lone-hunter, 0.35);
}