Named color · #69556D
Medicine Man
Medicine Man is #69556D: rgb(105 85 109), hsl(290 12% 38%), oklch(0.478 0.045 320.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Purple mean? → · Medicine Man color name →
#69556D
oklch(0.478 0.045 320.7)
Color conversions
- 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%)
Tints · Shades · Tones
Tints
- 77657B
- 857489
- 948597
- A295A5
- B1A6B3
- C0B7C2
- D0C9D1
- DFDBE0
- EFEDF0
Shades
- 5A495E
- 4C3D4F
- 3E3141
- 312633
- 241C26
- 181119
- 0C080D
- 040204
- 000001
Tones
- 6B596F
- 6E5E71
- 706273
- 726675
- 756A77
- 776F79
- 79737A
- 7B777C
- 7E7C7E
Color harmonies
Complementary +180°
- 69556D
Medicine Man
- 4F644C
≈ Nature Surrounds
Analogous -30° +30°
- 69556D
Medicine Man
- 5D5975
≈ Orchid Grey
- 715360
≈ Opium Mauve
Triadic +120° +240°
- 69556D
Medicine Man
- 6A5B40
≈ Gun Corps Brown
- 3D6567
≈ China Green Blue
Split-complementary +150° +210°
- 69556D
Medicine Man
- 5E6042
≈ Tank
- 43665A
≈ Earhart Emerald
Tetradic +90° +180° +270°
- 69556D
Medicine Man
- 725646
≈ Rue Bourbon
- 4F644C
≈ Nature Surrounds
- 426272
≈ Celeste Blue
Contrast & accessibility
Ag
AAOn white
WCAG 6.72:1 · APCA Lc 83
Ag
FailOn black
WCAG 3.12:1 · APCA Lc 19
Best text color: #FFFFFF
WCAG 6.72:1 (AA) · APCA Lc 83
Contrast pairs
Code snippets
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);
}