En yakın adlandırılmış renk · #5C8050
#5C8050
En yakın adlandırılmış renk: Kale
#5C8050 (rgb(92 128 80), hsl(105 23% 41%), oklch(0.56 0.082 138.1)) en çok Kale 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.
#5C8050
oklch(0.56 0.082 138.1)
Renk dönüşümleri
- HEX
- #5c8050
- RGB
- rgb(92 128 80)
- HSL
- hsl(105 23% 41%)
- HWB
- hwb(105 31% 50%)
- OKLCH
- oklch(0.56 0.082 138.1)
- OKLab
- oklab(0.56 -0.061 0.055)
- CIE Lab
- lab(49.91 -20.5 21.86)
- LCH
- lch(49.91 29.96 133.2)
- CMYK
- cmyk(28% 0% 38% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6B8C61
- 7B9871
- 8BA582
- 9BB193
- ABBEA5
- BBCBB6
- CCD8C8
- DDE5DA
- EEF2EC
Koyu tonlar
- 4F6E44
- 425D39
- 364D2E
- 2A3D24
- 1F2E1A
- 141F10
- 0A1207
- 030602
- 000100
Gri tonlar
- 608055
- 64805A
- 67805F
- 6B8064
- 6F8069
- 72806E
- 768072
- 798077
- 7D807B
Renk uyumları
Tamamlayıcı +180°
- 5C8050
Kale
- 896594
≈ Mirabella
Analog -30° +30°
Üçlü +120° +240°
- 5C8050
Kale
- 5676A5
≈ Vinca
- 9F6062
≈ Pizza Pie
Bölünmüş tamamlayıcı +150° +210°
- 5C8050
Kale
- 726DA2
≈ Toy Mauve
- 98607D
≈ Forest Berry
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.50:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.65:1 · APCA Lc 30
En iyi metin rengi: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Kod parçacıkları
CSS
:root {
--kale: #5c8050;
--kale-rgb: 92 128 80;
--kale-oklch: oklch(0.56 0.082 138.1);
}
.element {
color: var(--kale);
background-color: hsl(105 23% 41%);
border-color: oklch(0.56 0.082 138.1);
}Tailwind CSS v4
@theme {
--color-kale: #5c8050;
--color-kale-50: #e9fbe5;
--color-kale-100: #daefd5;
--color-kale-200: #c2ddbc;
--color-kale-300: #a1c29a;
--color-kale-400: #87aa7b;
--color-kale-500: #6b935d;
--color-kale-600: #5b7d4f;
--color-kale-700: #48643f;
--color-kale-800: #35492c;
--color-kale-900: #24331e;
--color-kale-950: #131e0e;
}SCSS
$kale: #5c8050;
$kale-rgb: 92, 128, 80;
$kale-light: mix(#fff, $kale, 20%);
$kale-dark: mix(#000, $kale, 20%);
.element {
color: $kale;
box-shadow: 0 0 0 2px rgba($kale, 0.35);
}