Nächste benannte Farbe · #461E68
#461E68
Nächste benannte Farbe: Fading Horizon
#461E68 (rgb(70 30 104), hsl(272 55% 26%), oklch(0.333 0.125 305.4)) liegt am nächsten an der benannten Farbe Fading Horizon. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#461E68
oklch(0.333 0.125 305.4)
Farbumrechnungen
- HEX
- #461e68
- RGB
- rgb(70 30 104)
- HSL
- hsl(272 55% 26%)
- HWB
- hwb(272 12% 59%)
- OKLCH
- oklch(0.333 0.125 305.4)
- OKLab
- oklab(0.333 0.072 -0.102)
- CIE Lab
- lab(20.57 30.69 -36.25)
- LCH
- lch(20.57 47.5 310.3)
- CMYK
- cmyk(33% 71% 0% 59%)
Tints · Shades · Tones
Tints
- 563477
- 674A86
- 795F95
- 8B75A4
- 9D8BB3
- B0A1C2
- C3B8D2
- D7CFE1
- EBE7F0
Shades
- 3C1959
- 32134B
- 280E3E
- 1E0930
- 150524
- 0D0318
- 05010C
- 020004
- 000000
Tones
- 4B296B
- 51346E
- 573E71
- 5C4774
- 625176
- 685A78
- 6E647B
- 746D7D
- 7A777E
Farbharmonien
Komplementär +180°
- 461E68
Fading Horizon
- 2C3D00
≈ Dark Olive
Analog -30° +30°
- 461E68
Fading Horizon
- 272A75
≈ Blue Rose
- 5A134F
≈ Grape Purple
Triadisch +120° +240°
- 461E68
Fading Horizon
- 502D00
≈ Kyoto House
- 00403A
≈ Rich Black
Geteilt komplementär +150° +210°
- 461E68
Fading Horizon
- 413500
≈ Night in the Woods
- 004223
≈ Angel Green
Tetradisch +90° +180° +270°
- 461E68
Fading Horizon
- 651500
≈ Cowpeas
- 2C3D00
≈ Dark Olive
- 003E49
≈ Ghostlands Coal
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.75:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.64:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.75:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--fading-horizon: #461e68;
--fading-horizon-rgb: 70 30 104;
--fading-horizon-oklch: oklch(0.333 0.125 305.4);
}
.element {
color: var(--fading-horizon);
background-color: hsl(272 55% 26%);
border-color: oklch(0.333 0.125 305.4);
}Tailwind CSS v4
@theme {
--color-fading-horizon: #461e68;
--color-fading-horizon-50: #ffecff;
--color-fading-horizon-100: #f3deff;
--color-fading-horizon-200: #e2c7fe;
--color-fading-horizon-300: #c8a6e9;
--color-fading-horizon-400: #b08bd9;
--color-fading-horizon-500: #9a6ec7;
--color-fading-horizon-600: #825ea8;
--color-fading-horizon-700: #684b87;
--color-fading-horizon-800: #4b3665;
--color-fading-horizon-900: #342547;
--color-fading-horizon-950: #20132e;
}SCSS
$fading-horizon: #461e68;
$fading-horizon-rgb: 70, 30, 104;
$fading-horizon-light: mix(#fff, $fading-horizon, 20%);
$fading-horizon-dark: mix(#000, $fading-horizon, 20%);
.element {
color: $fading-horizon;
box-shadow: 0 0 0 2px rgba($fading-horizon, 0.35);
}