Benannte Farbe · #73667B
Decadence
Decadence ist #73667B: rgb(115 102 123), hsl(277 9% 44%), oklch(0.53 0.036 312.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Decadence color name →
#73667B
oklch(0.53 0.036 312.6)
Farbumrechnungen
- HEX
- #73667b
- RGB
- rgb(115 102 123)
- HSL
- hsl(277 9% 44%)
- HWB
- hwb(277 40% 52%)
- OKLCH
- oklch(0.53 0.036 312.6)
- OKLab
- oklab(0.53 0.024 -0.026)
- CIE Lab
- lab(45 8.51 -9.8)
- LCH
- lch(45 12.98 311)
- CMYK
- cmyk(7% 17% 0% 52%)
Tints · Shades · Tones
Tints
- 807487
- 8D8394
- 9B91A1
- A9A0AE
- B7B0BB
- C5BFC8
- D3CFD6
- E1DFE3
- F0EFF1
Shades
- 63586A
- 544A5A
- 453C4A
- 362F3A
- 28232C
- 1B171E
- 0F0C10
- 050405
- 010001
Tones
- 74697C
- 766B7C
- 776E7D
- 78707D
- 7A737E
- 7B767E
- 7C787F
- 7D7B7F
- 7F7D80
Farbharmonien
Komplementär +180°
- 73667B
Decadence
- 64705B
≈ Bracken Green
Analog -30° +30°
- 73667B
Decadence
- 686980
≈ Unexplained
- 7B6471
≈ Ephemera
Triadisch +120° +240°
- 73667B
Decadence
- 796955
≈ Superior Bronze
- 547371
≈ Evening Emerald
Geteilt komplementär +150° +210°
- 73667B
Decadence
- 6F6D55
≈ Secluded Green
- 597366
≈ Hilltop
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 5.36:1 · APCA Lc 77
Ag
FailAuf Schwarz
WCAG 3.91:1 · APCA Lc 25
Beste Textfarbe: #FFFFFF
WCAG 5.36:1 (AA) · APCA Lc 77
Contrast pairs
Code-Snippets
CSS
:root {
--decadence: #73667b;
--decadence-rgb: 115 102 123;
--decadence-oklch: oklch(0.53 0.036 312.6);
}
.element {
color: var(--decadence);
background-color: hsl(277 9% 44%);
border-color: oklch(0.53 0.036 312.6);
}Tailwind CSS v4
@theme {
--color-decadence: #73667b;
--color-decadence-50: #f9f2fc;
--color-decadence-100: #ece4f0;
--color-decadence-200: #dad0df;
--color-decadence-300: #beb2c4;
--color-decadence-400: #a699ae;
--color-decadence-500: #8e8098;
--color-decadence-600: #796c80;
--color-decadence-700: #605667;
--color-decadence-800: #463f4c;
--color-decadence-900: #312b35;
--color-decadence-950: #1d1920;
}SCSS
$decadence: #73667b;
$decadence-rgb: 115, 102, 123;
$decadence-light: mix(#fff, $decadence, 20%);
$decadence-dark: mix(#000, $decadence, 20%);
.element {
color: $decadence;
box-shadow: 0 0 0 2px rgba($decadence, 0.35);
}