이름 색상 · #69556D
Medicine Man
Medicine Man은(는) #69556D: rgb(105 85 109), hsl(290 12% 38%), oklch(0.478 0.045 320.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Purple mean? → · Medicine Man color name →
#69556D
oklch(0.478 0.045 320.7)
색상 변환
- HEX
- #69556d
- RGB
- rgb(105 85 109)
- HSL
- hsl(290 12% 38%)
- HWB
- hwb(290 33% 57%)
- OKLCH
- oklch(0.478 0.045 320.7)
- OKLab
- oklab(0.478 0.035 -0.029)
- CIE Lab
- lab(38.87 12.06 -10.57)
- LCH
- lch(38.87 16.04 318.8)
- CMYK
- cmyk(4% 22% 0% 57%)
틴트 · 셰이드 · 톤
틴트
- 77657B
- 857489
- 948597
- A295A5
- B1A6B3
- C0B7C2
- D0C9D1
- DFDBE0
- EFEDF0
셰이드
- 5A495E
- 4C3D4F
- 3E3141
- 312633
- 241C26
- 181119
- 0C080D
- 040204
- 000001
톤
- 6B596F
- 6E5E71
- 706273
- 726675
- 756A77
- 776F79
- 79737A
- 7B777C
- 7E7C7E
색 조화
보색 +180°
- 69556D
Medicine Man
- 4F644C
≈ Nature Surrounds
유사색 -30° +30°
- 69556D
Medicine Man
- 5D5975
≈ Orchid Grey
- 715360
≈ Opium Mauve
삼각 배색 +120° +240°
- 69556D
Medicine Man
- 6A5B40
≈ Gun Corps Brown
- 3D6567
≈ China Green Blue
분열 보색 +150° +210°
- 69556D
Medicine Man
- 5E6042
≈ Tank
- 43665A
≈ Earhart Emerald
사각 배색 +90° +180° +270°
- 69556D
Medicine Man
- 725646
≈ Rue Bourbon
- 4F644C
≈ Nature Surrounds
- 426272
≈ Celeste Blue
대비 및 접근성
Ag
AA흰색 위
WCAG 6.72:1 · APCA Lc 83
Ag
Fail검은색 위
WCAG 3.12:1 · APCA Lc 19
가장 좋은 글자색: #FFFFFF
WCAG 6.72:1 (AA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--medicine-man: #69556d;
--medicine-man-rgb: 105 85 109;
--medicine-man-oklch: oklch(0.478 0.045 320.7);
}
.element {
color: var(--medicine-man);
background-color: hsl(290 12% 38%);
border-color: oklch(0.478 0.045 320.7);
}Tailwind CSS v4
@theme {
--color-medicine-man: #69556d;
--color-medicine-man-50: #fcf1fd;
--color-medicine-man-100: #efe3f1;
--color-medicine-man-200: #decee0;
--color-medicine-man-300: #c3b0c5;
--color-medicine-man-400: #ab96af;
--color-medicine-man-500: #947d99;
--color-medicine-man-600: #7d6a81;
--color-medicine-man-700: #645467;
--color-medicine-man-800: #493e4d;
--color-medicine-man-900: #332a35;
--color-medicine-man-950: #1e1820;
}SCSS
$medicine-man: #69556d;
$medicine-man-rgb: 105, 85, 109;
$medicine-man-light: mix(#fff, $medicine-man, 20%);
$medicine-man-dark: mix(#000, $medicine-man, 20%);
.element {
color: $medicine-man;
box-shadow: 0 0 0 2px rgba($medicine-man, 0.35);
}