En yakın adlandırılmış renk · #6CA96F
#6CA96F
En yakın adlandırılmış renk: Endo
#6CA96F (rgb(108 169 111), hsl(123 26% 54%), oklch(0.678 0.105 145.4)) en çok Endo 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.
#6CA96F
oklch(0.678 0.105 145.4)
Renk dönüşümleri
- HEX
- #6ca96f
- RGB
- rgb(108 169 111)
- HSL
- hsl(123 26% 54%)
- HWB
- hwb(123 42% 34%)
- OKLCH
- oklch(0.678 0.105 145.4)
- OKLab
- oklab(0.678 -0.087 0.06)
- CIE Lab
- lab(63.95 -29.7 23.52)
- LCH
- lch(63.95 37.88 141.6)
- CMYK
- cmyk(36% 0% 34% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7BB27D
- 8ABA8B
- 98C399
- A7CBA7
- B5D4B6
- C4DCC4
- D3E5D3
- E1EEE1
- F0F6F0
Koyu tonlar
- 5D9260
- 4E7C51
- 406742
- 325334
- 253F27
- 192C1A
- 0D1B0E
- 040A04
- 000101
Gri tonlar
- 6FA571
- 71A173
- 749D75
- 769977
- 789579
- 7A917A
- 7C8D7C
- 7D887D
- 7F847F
Renk uyumları
Tamamlayıcı +180°
- 6CA96F
Endo
- B980BB
≈ Lavender Sweater
Analog -30° +30°
- 6CA96F
Endo
- 959F4F
≈ Lazy Lizard
- 40AD94
≈ Hole in One
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
- 6CA96F
Endo
- 9D8AD2
≈ Middy’s Purple
- CB7B9A
≈ Wild Rose
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.78:1 · APCA Lc 54
Ag
AAASiyah üzerinde
WCAG 7.54:1 · APCA Lc 48
En iyi metin rengi: #000000
WCAG 7.54:1 (AAA) · APCA Lc 48
Contrast pairs
Kod parçacıkları
CSS
:root {
--endo: #6ca96f;
--endo-rgb: 108 169 111;
--endo-oklch: oklch(0.678 0.105 145.4);
}
.element {
color: var(--endo);
background-color: hsl(123 26% 54%);
border-color: oklch(0.678 0.105 145.4);
}Tailwind CSS v4
@theme {
--color-endo: #6ca96f;
--color-endo-50: #e2fee4;
--color-endo-100: #d1f2d4;
--color-endo-200: #b7e1bb;
--color-endo-300: #93c799;
--color-endo-400: #75af78;
--color-endo-500: #559859;
--color-endo-600: #49814c;
--color-endo-700: #3a673d;
--color-endo-800: #2b4c2a;
--color-endo-900: #1d351c;
--color-endo-950: #0d200c;
}SCSS
$endo: #6ca96f;
$endo-rgb: 108, 169, 111;
$endo-light: mix(#fff, $endo, 20%);
$endo-dark: mix(#000, $endo, 20%);
.element {
color: $endo;
box-shadow: 0 0 0 2px rgba($endo, 0.35);
}