이름 색상 · #3C3523
Devlan Mud Wash
Devlan Mud Wash은(는) #3C3523: rgb(60 53 35), hsl(43 26% 19%), oklch(0.331 0.031 89.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Devlan Mud Wash color name →
#3C3523
oklch(0.331 0.031 89.2)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 4D4736
- 5F594A
- 716C5E
- 847F73
- 989489
- ABA8A0
- C0BDB7
- D4D3CE
- EAE9E6
셰이드
- 332D1D
- 2A2517
- 211D11
- 19150C
- 110E07
- 0A0804
- 040301
- 010100
- 000000
톤
- 423C2C
- 494335
- 4F4A3E
- 565247
- 5D5950
- 646159
- 6B6863
- 72706C
- 797876
색 조화
보색 +180°
- 3C3523
Devlan Mud Wash
- 2F3546
≈ Pacific Line
유사색 -30° +30°
- 3C3523
Devlan Mud Wash
- 423226
≈ Slugger
- 343826
≈ Matcha Ash
삼각 배색 +120° +240°
- 3C3523
Devlan Mud Wash
- 223A3E
≈ Nordic
- 3F303E
≈ Disappearing Purple
분열 보색 +150° +210°
- 3C3523
Devlan Mud Wash
- 273844
≈ Adept
- 383244
≈ Pauper
사각 배색 +90° +180° +270°
- 3C3523
Devlan Mud Wash
- 233B36
≈ Kōrainando Green
- 2F3546
≈ Pacific Line
- 432F35
≈ Venous Blood Red
대비 및 접근성
Ag
AAA흰색 위
WCAG 12.16:1 · APCA Lc 98
Ag
Fail검은색 위
WCAG 1.72:1 · APCA Lc 0
가장 좋은 글자색: #FFFFFF
WCAG 12.16:1 (AAA) · APCA Lc 98
Contrast pairs
코드 스니펫
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);
}