Nächste benannte Farbe · #7771A0
#7771A0
Nächste benannte Farbe: Stormy Horizon
#7771A0 (rgb(119 113 160), hsl(248 20% 54%), oklch(0.572 0.072 289.8)) liegt am nächsten an der benannten Farbe Stormy Horizon. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#7771A0
oklch(0.572 0.072 289.8)
Farbumrechnungen
- HEX
- #7771a0
- RGB
- rgb(119 113 160)
- HSL
- hsl(248 20% 54%)
- HWB
- hwb(248 44% 37%)
- OKLCH
- oklch(0.572 0.072 289.8)
- OKLab
- oklab(0.572 0.024 -0.068)
- CIE Lab
- lab(49.59 10.45 -24.68)
- LCH
- lch(49.59 26.8 293)
- CMYK
- cmyk(26% 29% 0% 37%)
Tints · Shades · Tones
Tints
- 847EA9
- 908CB3
- 9D9ABC
- ABA8C6
- B8B6CF
- C6C4D9
- D4D3E2
- E2E1EC
- F0F0F5
Shades
- 67618B
- 575276
- 474361
- 38354E
- 2A273B
- 1C1A29
- 100E19
- 050409
- 010101
Tones
- 78739D
- 79749A
- 797697
- 7A7794
- 7B7991
- 7C7A8D
- 7D7C8A
- 7E7D87
- 7F7F83
Farbharmonien
Komplementär +180°
- 7771A0
Stormy Horizon
- 7B7C49
≈ Verdant Leaf
Analog -30° +30°
- 7771A0
Stormy Horizon
- 5F79A3
≈ Cocktail Blue
- 8B6A93
≈ Rhinestone
Triadisch +120° +240°
- 7771A0
Stormy Horizon
- 9B6C51
≈ Sorrel Brown
- 498671
≈ Herb Blend
Geteilt komplementär +150° +210°
- 7771A0
Stormy Horizon
- 8F7345
≈ Fallen Leaves
- 62835A
≈ Tee Off
Tetradisch +90° +180° +270°
- 7771A0
Stormy Horizon
- 9E6767
≈ Spring Rosewood
- 7B7C49
≈ Verdant Leaf
- 3D8589
≈ Sea Caller
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.51:1 · APCA Lc 71
Ag
AAAuf Schwarz
WCAG 4.65:1 · APCA Lc 30
Beste Textfarbe: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Code-Snippets
CSS
:root {
--stormy-horizon: #7771a0;
--stormy-horizon-rgb: 119 113 160;
--stormy-horizon-oklch: oklch(0.572 0.072 289.8);
}
.element {
color: var(--stormy-horizon);
background-color: hsl(248 20% 54%);
border-color: oklch(0.572 0.072 289.8);
}Tailwind CSS v4
@theme {
--color-stormy-horizon: #7771a0;
--color-stormy-horizon-50: #f5f2ff;
--color-stormy-horizon-100: #e8e4ff;
--color-stormy-horizon-200: #d4cff1;
--color-stormy-horizon-300: #b7b1da;
--color-stormy-horizon-400: #9d98c7;
--color-stormy-horizon-500: #857eb3;
--color-stormy-horizon-600: #716b97;
--color-stormy-horizon-700: #5a5579;
--color-stormy-horizon-800: #413f5a;
--color-stormy-horizon-900: #2d2b3f;
--color-stormy-horizon-950: #1a1828;
}SCSS
$stormy-horizon: #7771a0;
$stormy-horizon-rgb: 119, 113, 160;
$stormy-horizon-light: mix(#fff, $stormy-horizon, 20%);
$stormy-horizon-dark: mix(#000, $stormy-horizon, 20%);
.element {
color: $stormy-horizon;
box-shadow: 0 0 0 2px rgba($stormy-horizon, 0.35);
}