이름 색상 · #84846F
Mudstone
Mudstone은(는) #84846F: rgb(132 132 111), hsl(60 9% 48%), oklch(0.607 0.031 107.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Mudstone color name →
#84846F
oklch(0.607 0.031 107.3)
색상 변환
- HEX
- #84846f
- RGB
- rgb(132 132 111)
- HSL
- hsl(60 9% 48%)
- HWB
- hwb(60 44% 48%)
- OKLCH
- oklch(0.607 0.031 107.3)
- OKLab
- oklab(0.607 -0.009 0.029)
- CIE Lab
- lab(54.7 -2.85 11.4)
- LCH
- lch(54.7 11.75 104)
- CMYK
- cmyk(0% 0% 16% 48%)
틴트 · 셰이드 · 톤
틴트
- 90907D
- 9B9B8A
- A7A798
- B3B3A6
- C0C0B5
- CCCCC3
- D9D9D2
- E5E5E1
- F2F2F0
셰이드
- 727260
- 606051
- 4F4F42
- 3F3F34
- 2F2F27
- 20201A
- 12120E
- 060604
- 010101
톤
- 848471
- 838373
- 838374
- 828276
- 828278
- 828279
- 81817B
- 81817D
- 80807E
색 조화
보색 +180°
- 84846F
Mudstone
- 818094
≈ Purpletone
유사색 -30° +30°
- 84846F
Mudstone
- 8D806E
≈ Safari Beige
- 7A8775
≈ Privilege Green
삼각 배색 +120° +240°
- 84846F
Mudstone
- 708691
≈ Lyric Blue
- 917B86
≈ Iced Orchid
분열 보색 +150° +210°
- 84846F
Mudstone
- 778395
≈ Tranquil Pond
- 8A7D8F
≈ Dusky Grape
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 3.81:1 · APCA Lc 66
Ag
AA검은색 위
WCAG 5.51:1 · APCA Lc 36
가장 좋은 글자색: #000000
WCAG 5.51:1 (AA) · APCA Lc 36
Contrast pairs
코드 스니펫
CSS
:root {
--mudstone: #84846f;
--mudstone-rgb: 132 132 111;
--mudstone-oklch: oklch(0.607 0.031 107.3);
}
.element {
color: var(--mudstone);
background-color: hsl(60 9% 48%);
border-color: oklch(0.607 0.031 107.3);
}Tailwind CSS v4
@theme {
--color-mudstone: #84846f;
--color-mudstone-50: #f5f6ec;
--color-mudstone-100: #e8e9dd;
--color-mudstone-200: #d5d6c7;
--color-mudstone-300: #b8b9a7;
--color-mudstone-400: #a0a08b;
--color-mudstone-500: #888871;
--color-mudstone-600: #737360;
--color-mudstone-700: #5c5c4c;
--color-mudstone-800: #444337;
--color-mudstone-900: #2f2e26;
--color-mudstone-950: #1b1b14;
}SCSS
$mudstone: #84846f;
$mudstone-rgb: 132, 132, 111;
$mudstone-light: mix(#fff, $mudstone, 20%);
$mudstone-dark: mix(#000, $mudstone, 20%);
.element {
color: $mudstone;
box-shadow: 0 0 0 2px rgba($mudstone, 0.35);
}