Adlandırılmış renk · #857947
Swamp Mud
Swamp Mud, #857947: rgb(133 121 71), hsl(48 30% 40%), oklch(0.575 0.071 96.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Brown mean? → · Swamp Mud color name →
#857947
oklch(0.575 0.071 96.3)
Renk dönüşümleri
- HEX
- #857947
- RGB
- rgb(133 121 71)
- HSL
- hsl(48 30% 40%)
- HWB
- hwb(48 28% 48%)
- OKLCH
- oklch(0.575 0.071 96.3)
- OKLab
- oklab(0.575 -0.008 0.07)
- CIE Lab
- lab(51.05 -0.65 29.06)
- LCH
- lch(51.05 29.07 91.3)
- CMYK
- cmyk(0% 9% 47% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 908659
- 9C936B
- A8A07D
- B4AD8F
- C0BAA1
- CCC8B3
- D9D5C6
- E5E3D9
- F2F1EC
Koyu tonlar
- 73683D
- 615832
- 504828
- 40391F
- 302B16
- 211D0D
- 131006
- 060502
- 010100
Gri tonlar
- 847A4D
- 847B54
- 837B5A
- 837C5F
- 827D65
- 827E6B
- 817E70
- 817F75
- 807F7B
Renk uyumları
Tamamlayıcı +180°
- 857947
Swamp Mud
- 6D75A3
≈ Bleached Denim
Analog -30° +30°
- 857947
Swamp Mud
- 96714B
≈ Renwick Golden Oak
- 6E8152
≈ Creamed Avocado
Üçlü +120° +240°
- 857947
Swamp Mud
- 438394
≈ Casual Blue
- 946989
≈ Fruit of Passion
Bölünmüş tamamlayıcı +150° +210°
- 857947
Swamp Mud
- 557DA0
≈ Biedermeier Blue
- 836E9A
≈ Baroness Mauve
Dörtlü +90° +180° +270°
- 857947
Swamp Mud
- 42877F
≈ Carlisle
- 6D75A3
≈ Bleached Denim
- 9D6772
≈ Matte Carmine
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 4.35:1 · APCA Lc 70
Ag
AASiyah üzerinde
WCAG 4.82:1 · APCA Lc 32
En iyi metin rengi: #000000
WCAG 4.82:1 (AA) · APCA Lc 32
Contrast pairs
Kod parçacıkları
CSS
:root {
--swamp-mud: #857947;
--swamp-mud-rgb: 133 121 71;
--swamp-mud-oklch: oklch(0.575 0.071 96.3);
}
.element {
color: var(--swamp-mud);
background-color: hsl(48 30% 40%);
border-color: oklch(0.575 0.071 96.3);
}Tailwind CSS v4
@theme {
--color-swamp-mud: #857947;
--color-swamp-mud-50: #faf6df;
--color-swamp-mud-100: #eee9ce;
--color-swamp-mud-200: #dcd5b3;
--color-swamp-mud-300: #c0b88f;
--color-swamp-mud-400: #aa9f6e;
--color-swamp-mud-500: #94864e;
--color-swamp-mud-600: #7d7243;
--color-swamp-mud-700: #645b35;
--color-swamp-mud-800: #4a4225;
--color-swamp-mud-900: #332e19;
--color-swamp-mud-950: #1f1a09;
}SCSS
$swamp-mud: #857947;
$swamp-mud-rgb: 133, 121, 71;
$swamp-mud-light: mix(#fff, $swamp-mud, 20%);
$swamp-mud-dark: mix(#000, $swamp-mud, 20%);
.element {
color: $swamp-mud;
box-shadow: 0 0 0 2px rgba($swamp-mud, 0.35);
}