En yakın adlandırılmış renk · #6E6D5B
#6E6D5B
En yakın adlandırılmış renk: Knit Cardigan
#6E6D5B (rgb(110 109 91), hsl(57 9% 39%), oklch(0.53 0.027 104.7)) en çok Knit Cardigan 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.
#6E6D5B
oklch(0.53 0.027 104.7)
Renk dönüşümleri
- HEX
- #6e6d5b
- RGB
- rgb(110 109 91)
- HSL
- hsl(57 9% 39%)
- HWB
- hwb(57 36% 57%)
- OKLCH
- oklch(0.53 0.027 104.7)
- OKLab
- oklab(0.53 -0.007 0.026)
- CIE Lab
- lab(45.73 -2.11 10.26)
- LCH
- lch(45.73 10.47 101.6)
- CMYK
- cmyk(0% 1% 17% 57%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 7B7B6A
- 898879
- 979689
- A5A599
- B4B3AA
- C2C2BA
- D1D1CB
- E0E0DC
- F0EFED
Koyu tonlar
- 5F5E4E
- 504F41
- 414135
- 333329
- 26261E
- 191913
- 0E0D09
- 040403
- 010100
Gri tonlar
- 706F5F
- 727162
- 737366
- 75756A
- 77766D
- 797871
- 7B7A75
- 7C7C79
- 7E7E7C
Renk uyumları
Tamamlayıcı +180°
- 6E6D5B
Knit Cardigan
- 6A6A7B
≈ Wind Cave
Analog -30° +30°
- 6E6D5B
Knit Cardigan
- 756A5B
≈ Toasted Walnut
- 657060
≈ Bracken Green
Üçlü +120° +240°
- 6E6D5B
Knit Cardigan
- 5B7078
≈ Portsmouth Blue
- 786670
≈ Burnt Ash
Bölünmüş tamamlayıcı +150° +210°
- 6E6D5B
Knit Cardigan
- 616D7C
≈ Ashen Whisper
- 726777
≈ Rum
Dörtlü +90° +180° +270°
- 6E6D5B
Knit Cardigan
- 5A7171
≈ Porch Swing
- 6A6A7B
≈ Wind Cave
- 7B6667
≈ Zanzibar
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 5.24:1 · APCA Lc 76
Ag
FailSiyah üzerinde
WCAG 4.00:1 · APCA Lc 26
En iyi metin rengi: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--knit-cardigan: #6e6d5b;
--knit-cardigan-rgb: 110 109 91;
--knit-cardigan-oklch: oklch(0.53 0.027 104.7);
}
.element {
color: var(--knit-cardigan);
background-color: hsl(57 9% 39%);
border-color: oklch(0.53 0.027 104.7);
}Tailwind CSS v4
@theme {
--color-knit-cardigan: #6e6d5b;
--color-knit-cardigan-50: #f6f6ed;
--color-knit-cardigan-100: #e9e9de;
--color-knit-cardigan-200: #d5d5c8;
--color-knit-cardigan-300: #b9b9a9;
--color-knit-cardigan-400: #a1a08d;
--color-knit-cardigan-500: #898773;
--color-knit-cardigan-600: #747361;
--color-knit-cardigan-700: #5c5c4e;
--color-knit-cardigan-800: #444338;
--color-knit-cardigan-900: #2f2e26;
--color-knit-cardigan-950: #1b1b15;
}SCSS
$knit-cardigan: #6e6d5b;
$knit-cardigan-rgb: 110, 109, 91;
$knit-cardigan-light: mix(#fff, $knit-cardigan, 20%);
$knit-cardigan-dark: mix(#000, $knit-cardigan, 20%);
.element {
color: $knit-cardigan;
box-shadow: 0 0 0 2px rgba($knit-cardigan, 0.35);
}