En yakın adlandırılmış renk · #5D7F57
#5D7F57
En yakın adlandırılmış renk: Kale
#5D7F57 (rgb(93 127 87), hsl(111 19% 42%), oklch(0.559 0.072 140.8)) 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.
#5D7F57
oklch(0.559 0.072 140.8)
Renk dönüşümleri
- HEX
- #5d7f57
- RGB
- rgb(93 127 87)
- HSL
- hsl(111 19% 42%)
- HWB
- hwb(111 34% 50%)
- OKLCH
- oklch(0.559 0.072 140.8)
- OKLab
- oklab(0.559 -0.056 0.045)
- CIE Lab
- lab(49.77 -18.77 17.77)
- LCH
- lch(49.77 25.85 136.6)
- CMYK
- cmyk(27% 0% 31% 50%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6C8B67
- 7C9877
- 8BA487
- 9BB197
- ABBDA8
- BCCAB9
- CCD7CA
- DDE4DC
- EEF2ED
Koyu tonlar
- 506E4B
- 435D3E
- 374C33
- 2A3C27
- 1F2D1C
- 141F12
- 0A1108
- 030603
- 000100
Gri tonlar
- 617F5B
- 647F60
- 688064
- 6C8068
- 6F806C
- 728070
- 768074
- 798078
- 7D807C
Renk uyumları
Tamamlayıcı +180°
- 5D7F57
Kale
- 88668E
≈ Poetry Mauve
Analog -30° +30°
Üçlü +120° +240°
- 5D7F57
Kale
- 5C759F
≈ Montreux Blue
- 9A6362
≈ Roulette
Bölünmüş tamamlayıcı +150° +210°
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.52:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.63:1 · APCA Lc 30
En iyi metin rengi: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Kod parçacıkları
CSS
:root {
--kale: #5d7f57;
--kale-rgb: 93 127 87;
--kale-oklch: oklch(0.559 0.072 140.8);
}
.element {
color: var(--kale);
background-color: hsl(111 19% 42%);
border-color: oklch(0.559 0.072 140.8);
}Tailwind CSS v4
@theme {
--color-kale: #5d7f57;
--color-kale-50: #eafbe8;
--color-kale-100: #dbeed9;
--color-kale-200: #c3ddc1;
--color-kale-300: #a3c1a0;
--color-kale-400: #88a982;
--color-kale-500: #6c9265;
--color-kale-600: #5c7c56;
--color-kale-700: #496344;
--color-kale-800: #364830;
--color-kale-900: #253221;
--color-kale-950: #131e10;
}SCSS
$kale: #5d7f57;
$kale-rgb: 93, 127, 87;
$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);
}