이름 색상 · #66626D
Muted Mulberry
Muted Mulberry은(는) #66626D: rgb(102 98 109), hsl(262 5% 41%), oklch(0.504 0.018 302.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Muted Mulberry color name →
#66626D
oklch(0.504 0.018 302.3)
색상 변환
- HEX
- #66626d
- RGB
- rgb(102 98 109)
- HSL
- hsl(262 5% 41%)
- HWB
- hwb(262 38% 57%)
- OKLCH
- oklch(0.504 0.018 302.3)
- OKLab
- oklab(0.504 0.01 -0.015)
- CIE Lab
- lab(42.21 3.37 -5.65)
- LCH
- lch(42.21 6.58 300.8)
- CMYK
- cmyk(6% 10% 0% 57%)
틴트 · 셰이드 · 톤
틴트
- 74707B
- 827F88
- 918E96
- A09EA5
- AFADB3
- BFBDC2
- CFCDD1
- DEDEE0
- EFEEEF
셰이드
- 58545E
- 4A474F
- 3C3A41
- 2F2D33
- 232126
- 171619
- 0C0B0D
- 040304
- 000001
톤
- 69656F
- 6B6871
- 6E6B73
- 706E75
- 737176
- 757478
- 78777A
- 7B7A7C
- 7D7D7E
색 조화
보색 +180°
- 66626D
Muted Mulberry
- 62665B
≈ Woohringa
유사색 -30° +30°
- 66626D
Muted Mulberry
- 61646F
≈ Eventide
- 6B6169
≈ Vibrant Vision
삼각 배색 +120° +240°
- 66626D
Muted Mulberry
- 6C625A
≈ Back Stage
- 5A6865
≈ Wing Man
분열 보색 +150° +210°
- 66626D
Muted Mulberry
- 686459
≈ Cumberland Grey
- 5D675F
≈ Pine Mountain
사각 배색 +90° +180° +270°
- 66626D
Muted Mulberry
- 6E615E
≈ Browse Brown
- 62665B
≈ Woohringa
- 59676A
≈ Whale Grey
대비 및 접근성
Ag
AA흰색 위
WCAG 5.94:1 · APCA Lc 80
Ag
Fail검은색 위
WCAG 3.53:1 · APCA Lc 22
가장 좋은 글자색: #FFFFFF
WCAG 5.94:1 (AA) · APCA Lc 80
Contrast pairs
코드 스니펫
CSS
:root {
--muted-mulberry: #66626d;
--muted-mulberry-rgb: 102 98 109;
--muted-mulberry-oklch: oklch(0.504 0.018 302.3);
}
.element {
color: var(--muted-mulberry);
background-color: hsl(262 5% 41%);
border-color: oklch(0.504 0.018 302.3);
}Tailwind CSS v4
@theme {
--color-muted-mulberry: #66626d;
--color-muted-mulberry-50: #f6f4f9;
--color-muted-mulberry-100: #e9e6ed;
--color-muted-mulberry-200: #d6d2db;
--color-muted-mulberry-300: #b9b5bf;
--color-muted-mulberry-400: #a09ca7;
--color-muted-mulberry-500: #888490;
--color-muted-mulberry-600: #736f7a;
--color-muted-mulberry-700: #5c5962;
--color-muted-mulberry-800: #434148;
--color-muted-mulberry-900: #2e2d32;
--color-muted-mulberry-950: #1b1a1e;
}SCSS
$muted-mulberry: #66626d;
$muted-mulberry-rgb: 102, 98, 109;
$muted-mulberry-light: mix(#fff, $muted-mulberry, 20%);
$muted-mulberry-dark: mix(#000, $muted-mulberry, 20%);
.element {
color: $muted-mulberry;
box-shadow: 0 0 0 2px rgba($muted-mulberry, 0.35);
}