Nazwany kolor · #3C3523
Devlan Mud Wash
Devlan Mud Wash to #3C3523: rgb(60 53 35), hsl(43 26% 19%), oklch(0.331 0.031 89.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Devlan Mud Wash color name →
#3C3523
oklch(0.331 0.031 89.2)
Konwersje koloru
- HEX
- #3c3523
- RGB
- rgb(60 53 35)
- HSL
- hsl(43 26% 19%)
- HWB
- hwb(43 14% 76%)
- OKLCH
- oklch(0.331 0.031 89.2)
- OKLab
- oklab(0.331 0 0.031)
- CIE Lab
- lab(22.51 0.83 12.57)
- LCH
- lch(22.51 12.6 86.2)
- CMYK
- cmyk(0% 12% 42% 76%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 4D4736
- 5F594A
- 716C5E
- 847F73
- 989489
- ABA8A0
- C0BDB7
- D4D3CE
- EAE9E6
Odcienie ciemniejsze
- 332D1D
- 2A2517
- 211D11
- 19150C
- 110E07
- 0A0804
- 040301
- 010100
- 000000
Tony
- 423C2C
- 494335
- 4F4A3E
- 565247
- 5D5950
- 646159
- 6B6863
- 72706C
- 797876
Harmonie kolorów
Komplementarna +180°
- 3C3523
Devlan Mud Wash
- 2F3546
≈ Pacific Line
Analogowa -30° +30°
- 3C3523
Devlan Mud Wash
- 423226
≈ Slugger
- 343826
≈ Matcha Ash
Triada +120° +240°
- 3C3523
Devlan Mud Wash
- 223A3E
≈ Nordic
- 3F303E
≈ Disappearing Purple
Komplementarna rozszczepiona +150° +210°
- 3C3523
Devlan Mud Wash
- 273844
≈ Adept
- 383244
≈ Pauper
Tetrada +90° +180° +270°
- 3C3523
Devlan Mud Wash
- 233B36
≈ Kōrainando Green
- 2F3546
≈ Pacific Line
- 432F35
≈ Venous Blood Red
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.16:1 · APCA Lc 98
Ag
FailNa czerni
WCAG 1.72:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.16:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--devlan-mud-wash: #3c3523;
--devlan-mud-wash-rgb: 60 53 35;
--devlan-mud-wash-oklch: oklch(0.331 0.031 89.2);
}
.element {
color: var(--devlan-mud-wash);
background-color: hsl(43 26% 19%);
border-color: oklch(0.331 0.031 89.2);
}Tailwind CSS v4
@theme {
--color-devlan-mud-wash: #3c3523;
--color-devlan-mud-wash-50: #f8f5eb;
--color-devlan-mud-wash-100: #ece8dc;
--color-devlan-mud-wash-200: #d9d4c6;
--color-devlan-mud-wash-300: #bdb7a6;
--color-devlan-mud-wash-400: #a69e8a;
--color-devlan-mud-wash-500: #8e866f;
--color-devlan-mud-wash-600: #78715e;
--color-devlan-mud-wash-700: #605a4b;
--color-devlan-mud-wash-800: #474236;
--color-devlan-mud-wash-900: #312d25;
--color-devlan-mud-wash-950: #1d1a14;
}SCSS
$devlan-mud-wash: #3c3523;
$devlan-mud-wash-rgb: 60, 53, 35;
$devlan-mud-wash-light: mix(#fff, $devlan-mud-wash, 20%);
$devlan-mud-wash-dark: mix(#000, $devlan-mud-wash, 20%);
.element {
color: $devlan-mud-wash;
box-shadow: 0 0 0 2px rgba($devlan-mud-wash, 0.35);
}