Named color · #6B475D
Annis
Annis is #6B475D: rgb(107 71 93), hsl(323 20% 35%), oklch(0.446 0.059 342.5). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Annis color name →
#6B475D
oklch(0.446 0.059 342.5)
Color conversions
- HEX
- #6b475d
- RGB
- rgb(107 71 93)
- HSL
- hsl(323 20% 35%)
- HWB
- hwb(323 28% 58%)
- OKLCH
- oklch(0.446 0.059 342.5)
- OKLab
- oklab(0.446 0.056 -0.018)
- CIE Lab
- lab(34.91 18.61 -6.47)
- LCH
- lch(34.91 19.7 340.8)
- CMYK
- cmyk(0% 34% 13% 58%)
Tints · Shades · Tones
Tints
- 79586C
- 88697B
- 967A8B
- A58C9A
- B39FAA
- C2B1BB
- D1C4CC
- E0D7DC
- F0EBEE
Shades
- 5C3D50
- 4E3243
- 3F2837
- 321F2A
- 25161F
- 180D14
- 0D060A
- 040203
- 000000
Tones
- 6D4D60
- 705264
- 725867
- 745E6B
- 76636E
- 786972
- 7A6F75
- 7C7479
- 7E7A7C
Color harmonies
Complementary +180°
- 6B475D
Annis
- 345E4A
≈ Wine Leaf
Analogous -30° +30°
- 6B475D
Annis
- 5F4B6C
≈ Loganberry
- 71464B
≈ Formal Maroon
Triadic +120° +240°
- 6B475D
Annis
- 5A552E
≈ Tucumán Green
- 2B5B6C
≈ Night Shift
Split-complementary +150° +210°
- 6B475D
Annis
- 485B39
≈ Stinging Nettle
- 265E5D
≈ Calypso Green
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
AAAOn white
WCAG 7.82:1 · APCA Lc 87
Ag
FailOn black
WCAG 2.68:1 · APCA Lc 15
Best text color: #FFFFFF
WCAG 7.82:1 (AAA) · APCA Lc 87
Contrast pairs
Code snippets
CSS
:root {
--annis: #6b475d;
--annis-rgb: 107 71 93;
--annis-oklch: oklch(0.446 0.059 342.5);
}
.element {
color: var(--annis);
background-color: hsl(323 20% 35%);
border-color: oklch(0.446 0.059 342.5);
}Tailwind CSS v4
@theme {
--color-annis: #6b475d;
--color-annis-50: #ffeff9;
--color-annis-100: #f7e0ed;
--color-annis-200: #e8cbda;
--color-annis-300: #ceacbf;
--color-annis-400: #b891a8;
--color-annis-500: #a27791;
--color-annis-600: #89657a;
--color-annis-700: #6e5062;
--color-annis-800: #513a49;
--color-annis-900: #382832;
--color-annis-950: #23161e;
}SCSS
$annis: #6b475d;
$annis-rgb: 107, 71, 93;
$annis-light: mix(#fff, $annis, 20%);
$annis-dark: mix(#000, $annis, 20%);
.element {
color: $annis;
box-shadow: 0 0 0 2px rgba($annis, 0.35);
}