Adlandırılmış renk · #6F5D57
Missing Link
Missing Link, #6F5D57: rgb(111 93 87), hsl(15 12% 39%), oklch(0.494 0.025 39.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? → · Missing Link color name →
#6F5D57
oklch(0.494 0.025 39.3)
Renk dönüşümleri
- HEX
- #6f5d57
- RGB
- rgb(111 93 87)
- HSL
- hsl(15 12% 39%)
- HWB
- hwb(15 34% 56%)
- OKLCH
- oklch(0.494 0.025 39.3)
- OKLab
- oklab(0.494 0.02 0.016)
- CIE Lab
- lab(41.16 6.77 6.32)
- LCH
- lch(41.16 9.26 43)
- CMYK
- cmyk(0% 16% 22% 56%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7D6C66
- 8A7B76
- 988B86
- A69A96
- B5AAA7
- C3BBB8
- D2CCC9
- E1DCDB
- F0EEED
Koyu tonlar
- 60504B
- 51433E
- 423733
- 342A27
- 271F1C
- 1A1412
- 0E0A08
- 040303
- 010000
Gri tonlar
- 71605B
- 73645F
- 746763
- 766B67
- 786E6B
- 79726F
- 7B7573
- 7D7978
- 7E7C7C
Renk uyumları
Tamamlayıcı +180°
- 6F5D57
Missing Link
- 52656C
≈ Plot Twist
Analog -30° +30°
- 6F5D57
Missing Link
- 6F5C5E
≈ Poetry Plum
- 6B5F52
≈ Kabul
Üçlü +120° +240°
- 6F5D57
Missing Link
- 56665C
≈ Duck Green
- 5E6070
≈ Mysterious Night
Bölünmüş tamamlayıcı +150° +210°
- 6F5D57
Missing Link
- 516665
≈ Angry Ocean
- 576370
≈ Intermediate Blue
Dörtlü +90° +180° +270°
- 6F5D57
Missing Link
- 5D6555
≈ Pine Cone Pass
- 52656C
≈ Plot Twist
- 665E6D
≈ Sedona Shadow
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 6.21:1 · APCA Lc 81
Ag
FailSiyah üzerinde
WCAG 3.37:1 · APCA Lc 21
En iyi metin rengi: #FFFFFF
WCAG 6.21:1 (AA) · APCA Lc 81
Contrast pairs
Kod parçacıkları
CSS
:root {
--missing-link: #6f5d57;
--missing-link-rgb: 111 93 87;
--missing-link-oklch: oklch(0.494 0.025 39.3);
}
.element {
color: var(--missing-link);
background-color: hsl(15 12% 39%);
border-color: oklch(0.494 0.025 39.3);
}Tailwind CSS v4
@theme {
--color-missing-link: #6f5d57;
--color-missing-link-50: #fcf3f0;
--color-missing-link-100: #f0e5e1;
--color-missing-link-200: #ded1cc;
--color-missing-link-300: #c4b3ae;
--color-missing-link-400: #ad9a93;
--color-missing-link-500: #96817a;
--color-missing-link-600: #7f6d67;
--color-missing-link-700: #655752;
--color-missing-link-800: #4b3f3c;
--color-missing-link-900: #342c29;
--color-missing-link-950: #1f1917;
}SCSS
$missing-link: #6f5d57;
$missing-link-rgb: 111, 93, 87;
$missing-link-light: mix(#fff, $missing-link, 20%);
$missing-link-dark: mix(#000, $missing-link, 20%);
.element {
color: $missing-link;
box-shadow: 0 0 0 2px rgba($missing-link, 0.35);
}