Benannte Farbe · #AA4069
Medium Ruby
Medium Ruby ist #AA4069: rgb(170 64 105), hsl(337 45% 46%), oklch(0.528 0.144 359.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Medium Ruby color name →
#AA4069
oklch(0.528 0.144 359.3)
Farbumrechnungen
- HEX
- #aa4069
- RGB
- rgb(170 64 105)
- HSL
- hsl(337 45% 46%)
- HWB
- hwb(337 25% 33%)
- OKLCH
- oklch(0.528 0.144 359.3)
- OKLab
- oklab(0.528 0.144 -0.002)
- CIE Lab
- lab(43.47 46.96 -0.08)
- LCH
- lch(43.47 46.96 359.9)
- CMYK
- cmyk(0% 62% 38% 33%)
Tints · Shades · Tones
Tints
- B45477
- BE6785
- C87A93
- D18DA2
- DAA0B1
- E2B2C0
- EAC5D0
- F1D8DF
- F8ECEF
Shades
- 93365A
- 7D2D4C
- 68243E
- 531B31
- 3F1324
- 2D0B18
- 1B050C
- 0B0104
- 010000
Tones
- A7486B
- A4506E
- A05770
- 9D5D72
- 996474
- 956A77
- 906F79
- 8B757B
- 867B7E
Farbharmonien
Komplementär +180°
- AA4069
Medium Ruby
- 007D6D
≈ Mediaeval Forest
Analog -30° +30°
- AA4069
Medium Ruby
- 974793
≈ Hyacinth Violet
- AF4336
≈ Medium Carmine
Triadisch +120° +240°
- AA4069
Medium Ruby
- 647500
≈ Topiary Green
- 0073A8
≈ Methyl Blue
Geteilt komplementär +150° +210°
- AA4069
Medium Ruby
- 0C8139
≈ Charmed Green
- 007988
≈ Biscay Bay
Tetradisch +90° +180° +270°
- AA4069
Medium Ruby
- 846700
≈ Alligator
- 007D6D
≈ Mediaeval Forest
- 4A63BE
≈ God of Rain
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.75:1 · APCA Lc 78
Ag
FailAuf Schwarz
WCAG 3.64:1 · APCA Lc 24
Beste Textfarbe: #FFFFFF
WCAG 5.75:1 (AA) · APCA Lc 78
Contrast pairs
Code-Snippets
CSS
:root {
--medium-ruby: #aa4069;
--medium-ruby-rgb: 170 64 105;
--medium-ruby-oklch: oklch(0.528 0.144 359.3);
}
.element {
color: var(--medium-ruby);
background-color: hsl(337 45% 46%);
border-color: oklch(0.528 0.144 359.3);
}Tailwind CSS v4
@theme {
--color-medium-ruby: #aa4069;
--color-medium-ruby-50: #ffe5f2;
--color-medium-ruby-100: #ffd4e5;
--color-medium-ruby-200: #ffbbd0;
--color-medium-ruby-300: #f497b3;
--color-medium-ruby-400: #e2779c;
--color-medium-ruby-500: #cf5683;
--color-medium-ruby-600: #af4a6f;
--color-medium-ruby-700: #8c3b59;
--color-medium-ruby-800: #682a43;
--color-medium-ruby-900: #491c2e;
--color-medium-ruby-950: #300c1b;
}SCSS
$medium-ruby: #aa4069;
$medium-ruby-rgb: 170, 64, 105;
$medium-ruby-light: mix(#fff, $medium-ruby, 20%);
$medium-ruby-dark: mix(#000, $medium-ruby, 20%);
.element {
color: $medium-ruby;
box-shadow: 0 0 0 2px rgba($medium-ruby, 0.35);
}