Nächste benannte Farbe · #824D58
#824D58
Nächste benannte Farbe: Nocturne Red
#824D58 (rgb(130 77 88), hsl(348 26% 41%), oklch(0.485 0.073 6.7)) liegt am nächsten an der benannten Farbe Nocturne Red. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#824D58
oklch(0.485 0.073 6.7)
Farbumrechnungen
- HEX
- #824d58
- RGB
- rgb(130 77 88)
- HSL
- hsl(348 26% 41%)
- HWB
- hwb(348 30% 49%)
- OKLCH
- oklch(0.485 0.073 6.7)
- OKLab
- oklab(0.485 0.072 0.009)
- CIE Lab
- lab(39.38 24.03 3.59)
- LCH
- lch(39.38 24.3 8.5)
- CMYK
- cmyk(0% 41% 32% 49%)
Tints · Shades · Tones
Tints
- 8F5E67
- 9B6E77
- A87F87
- B49197
- C1A3A8
- CDB4B9
- DAC7CA
- E6D9DB
- F3ECED
Shades
- 70424B
- 5F373F
- 4E2C33
- 3E2228
- 2F181D
- 200F12
- 120709
- 060203
- 010000
Tones
- 82525C
- 835760
- 835D64
- 836268
- 83676C
- 826C70
- 827174
- 827678
- 817B7C
Farbharmonien
Komplementär +180°
- 824D58
Nocturne Red
- 216C66
≈ Mosaic Tile
Analog -30° +30°
- 824D58
Nocturne Red
- 794F6E
≈ Brocade Violet
- 835041
≈ Ironstone
Triadisch +120° +240°
- 824D58
Nocturne Red
- 546738
≈ Interior Green
- 3B6386
≈ Functional Blue
Geteilt komplementär +150° +210°
- 824D58
Nocturne Red
- 396B4E
≈ Jungle Book Green
- 23697A
≈ Jester Blue
Tetradisch +90° +180° +270°
- 824D58
Nocturne Red
- 6B5F2B
≈ Saguaro
- 216C66
≈ Mosaic Tile
- 545B88
≈ Marlin
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.66:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.15:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.66:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--nocturne-red: #824d58;
--nocturne-red-rgb: 130 77 88;
--nocturne-red-oklch: oklch(0.485 0.073 6.7);
}
.element {
color: var(--nocturne-red);
background-color: hsl(348 26% 41%);
border-color: oklch(0.485 0.073 6.7);
}Tailwind CSS v4
@theme {
--color-nocturne-red: #824d58;
--color-nocturne-red-50: #ffedf1;
--color-nocturne-red-100: #ffdee3;
--color-nocturne-red-200: #f1c8ce;
--color-nocturne-red-300: #d9a9b0;
--color-nocturne-red-400: #c58d97;
--color-nocturne-red-500: #b0727e;
--color-nocturne-red-600: #95606b;
--color-nocturne-red-700: #774d55;
--color-nocturne-red-800: #58383f;
--color-nocturne-red-900: #3e262b;
--color-nocturne-red-950: #271419;
}SCSS
$nocturne-red: #824d58;
$nocturne-red-rgb: 130, 77, 88;
$nocturne-red-light: mix(#fff, $nocturne-red, 20%);
$nocturne-red-dark: mix(#000, $nocturne-red, 20%);
.element {
color: $nocturne-red;
box-shadow: 0 0 0 2px rgba($nocturne-red, 0.35);
}