Nächste benannte Farbe · #5E1F2D
#5E1F2D
Nächste benannte Farbe: Drops of God
#5E1F2D (rgb(94 31 45), hsl(347 50% 25%), oklch(0.34 0.092 9.9)) liegt am nächsten an der benannten Farbe Drops of God. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#5E1F2D
oklch(0.34 0.092 9.9)
Farbumrechnungen
- HEX
- #5e1f2d
- RGB
- rgb(94 31 45)
- HSL
- hsl(347 50% 25%)
- HWB
- hwb(347 12% 63%)
- OKLCH
- oklch(0.34 0.092 9.9)
- OKLab
- oklab(0.34 0.091 0.016)
- CIE Lab
- lab(22.41 30.14 6.82)
- LCH
- lch(22.41 30.91 12.8)
- CMYK
- cmyk(0% 67% 52% 63%)
Tints · Shades · Tones
Tints
- 6F343F
- 7F4952
- 8F5E66
- A0747A
- B08A8F
- C0A1A4
- CFB7BA
- DFCFD1
- EFE7E8
Shades
- 511926
- 44141F
- 370F18
- 2B0A11
- 1F060B
- 140306
- 0A0102
- 030001
- 000000
Tones
- 632A35
- 67333D
- 6B3D44
- 6F474D
- 725055
- 765A5D
- 796366
- 7B6D6E
- 7E7677
Farbharmonien
Komplementär +180°
- 5E1F2D
Drops of God
- 00423F
≈ Warm Black
Analog -30° +30°
- 5E1F2D
Drops of God
- 562247
≈ Murasaki
- 5E230C
≈ Hot Fudge
Triadisch +120° +240°
- 5E1F2D
Drops of God
- 284100
≈ Garden Shadow
- 043965
≈ Lost in Space
Geteilt komplementär +150° +210°
- 5E1F2D
Drops of God
- 00442A
≈ Lost in the Woods
- 003F4E
≈ Cold and Dark
Tetradisch +90° +180° +270°
- 5E1F2D
Drops of God
- 413800
≈ Camouflage
- 00423F
≈ Warm Black
- 303066
≈ Deep Koamaru
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.28:1 · APCA Lc 97
Ag
FailAuf Schwarz
WCAG 1.70:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.28:1 (AAA) · APCA Lc 97
Contrast pairs
Code-Snippets
CSS
:root {
--drops-of-god: #5e1f2d;
--drops-of-god-rgb: 94 31 45;
--drops-of-god-oklch: oklch(0.34 0.092 9.9);
}
.element {
color: var(--drops-of-god);
background-color: hsl(347 50% 25%);
border-color: oklch(0.34 0.092 9.9);
}Tailwind CSS v4
@theme {
--color-drops-of-god: #5e1f2d;
--color-drops-of-god-50: #ffebee;
--color-drops-of-god-100: #ffdce0;
--color-drops-of-god-200: #f9c5ca;
--color-drops-of-god-300: #e2a4ab;
--color-drops-of-god-400: #ce8792;
--color-drops-of-god-500: #ba6b78;
--color-drops-of-god-600: #9d5b66;
--color-drops-of-god-700: #7e4951;
--color-drops-of-god-800: #5e343c;
--color-drops-of-god-900: #422429;
--color-drops-of-god-950: #2a1217;
}SCSS
$drops-of-god: #5e1f2d;
$drops-of-god-rgb: 94, 31, 45;
$drops-of-god-light: mix(#fff, $drops-of-god, 20%);
$drops-of-god-dark: mix(#000, $drops-of-god, 20%);
.element {
color: $drops-of-god;
box-shadow: 0 0 0 2px rgba($drops-of-god, 0.35);
}