Adlandırılmış renk · #604D47
Lynx
Lynx, #604D47: rgb(96 77 71), hsl(14 15% 33%), oklch(0.438 0.028 38.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Lynx color name →
#604D47
oklch(0.438 0.028 38.3)
Renk dönüşümleri
- HEX
- #604d47
- RGB
- rgb(96 77 71)
- HSL
- hsl(14 15% 33%)
- HWB
- hwb(14 28% 62%)
- OKLCH
- oklch(0.438 0.028 38.3)
- OKLab
- oklab(0.438 0.022 0.017)
- CIE Lab
- lab(34.61 7.48 6.75)
- LCH
- lch(34.61 10.07 42)
- CMYK
- cmyk(0% 20% 26% 62%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 6F5D57
- 7E6E68
- 8D7E7A
- 9D908C
- ACA29E
- BDB4B1
- CDC6C4
- DDD9D7
- EEECEB
Koyu tonlar
- 52423D
- 453732
- 382C28
- 2C221F
- 201816
- 150F0D
- 0A0706
- 030202
- 000000
Gri tonlar
- 63524C
- 665752
- 6A5C58
- 6D615D
- 706663
- 736B69
- 77706E
- 7A7674
- 7D7B7A
Renk uyumları
Tamamlayıcı +180°
- 604D47
Lynx
- 41565C
≈ Sea Blithe
Analog -30° +30°
Üçlü +120° +240°
- 604D47
Lynx
- 45574C
≈ Vinca & Vine
- 4E5161
≈ Voyager
Bölünmüş tamamlayıcı +150° +210°
- 604D47
Lynx
- 415755
≈ Orkhide Shade
- 465461
≈ Night Tide
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 7.92:1 · APCA Lc 87
Ag
FailSiyah üzerinde
WCAG 2.64:1 · APCA Lc 15
En iyi metin rengi: #FFFFFF
WCAG 7.92:1 (AAA) · APCA Lc 87
Contrast pairs
Kod parçacıkları
CSS
:root {
--lynx: #604d47;
--lynx-rgb: 96 77 71;
--lynx-oklch: oklch(0.438 0.028 38.3);
}
.element {
color: var(--lynx);
background-color: hsl(14 15% 33%);
border-color: oklch(0.438 0.028 38.3);
}Tailwind CSS v4
@theme {
--color-lynx: #604d47;
--color-lynx-50: #fdf3ef;
--color-lynx-100: #f1e5e1;
--color-lynx-200: #dfd1cb;
--color-lynx-300: #c5b3ad;
--color-lynx-400: #ae9993;
--color-lynx-500: #978079;
--color-lynx-600: #806d67;
--color-lynx-700: #665752;
--color-lynx-800: #4b3f3c;
--color-lynx-900: #342c29;
--color-lynx-950: #201917;
}SCSS
$lynx: #604d47;
$lynx-rgb: 96, 77, 71;
$lynx-light: mix(#fff, $lynx, 20%);
$lynx-dark: mix(#000, $lynx, 20%);
.element {
color: $lynx;
box-shadow: 0 0 0 2px rgba($lynx, 0.35);
}