Benannte Farbe · #9D404A
Ode to Joy
Ode to Joy ist #9D404A: rgb(157 64 74), hsl(354 42% 43%), oklch(0.499 0.124 16.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Red mean? → · Ode to Joy color name →
#9D404A
oklch(0.499 0.124 16.3)
Farbumrechnungen
- HEX
- #9d404a
- RGB
- rgb(157 64 74)
- HSL
- hsl(354 42% 43%)
- HWB
- hwb(354 25% 38%)
- OKLCH
- oklch(0.499 0.124 16.3)
- OKLab
- oklab(0.499 0.119 0.035)
- CIE Lab
- lab(40.56 40.13 14.71)
- LCH
- lch(40.56 42.74 20.1)
- CMYK
- cmyk(0% 59% 53% 38%)
Tints · Shades · Tones
Tints
- A8535A
- B3666B
- BE797D
- C88C8E
- D29EA0
- DCB1B3
- E5C4C5
- EED8D8
- F7EBEB
Shades
- 88363F
- 732D35
- 5F242A
- 4C1B20
- 3A1317
- 280B0E
- 180506
- 090102
- 010000
Tones
- 9B484F
- 994F55
- 97565A
- 955C5F
- 926365
- 8F696A
- 8C6F70
- 887575
- 847A7B
Farbharmonien
Komplementär +180°
- 9D404A
Ode to Joy
- 007273
≈ Natural Instinct Green
Analog -30° +30°
- 9D404A
Ode to Joy
- 934271
≈ Purple Peril
- 9A4819
≈ Rendang
Triadisch +120° +240°
- 9D404A
Ode to Joy
- 3F7222
≈ Forest Empress
- 2E63A8
≈ Nebulas Blue
Geteilt komplementär +150° +210°
- 9D404A
Ode to Joy
- 007556
≈ Green Velvet
- 006D8D
≈ Copacabana
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.43:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.26:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.43:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--ode-to-joy: #9d404a;
--ode-to-joy-rgb: 157 64 74;
--ode-to-joy-oklch: oklch(0.499 0.124 16.3);
}
.element {
color: var(--ode-to-joy);
background-color: hsl(354 42% 43%);
border-color: oklch(0.499 0.124 16.3);
}Tailwind CSS v4
@theme {
--color-ode-to-joy: #9d404a;
--color-ode-to-joy-50: #ffe8e8;
--color-ode-to-joy-100: #ffd8d8;
--color-ode-to-joy-200: #ffbfc0;
--color-ode-to-joy-300: #f09d9f;
--color-ode-to-joy-400: #de7e85;
--color-ode-to-joy-500: #cb5f69;
--color-ode-to-joy-600: #ab5159;
--color-ode-to-joy-700: #8a4147;
--color-ode-to-joy-800: #662e35;
--color-ode-to-joy-900: #481f24;
--color-ode-to-joy-950: #2f0f13;
}SCSS
$ode-to-joy: #9d404a;
$ode-to-joy-rgb: 157, 64, 74;
$ode-to-joy-light: mix(#fff, $ode-to-joy, 20%);
$ode-to-joy-dark: mix(#000, $ode-to-joy, 20%);
.element {
color: $ode-to-joy;
box-shadow: 0 0 0 2px rgba($ode-to-joy, 0.35);
}