Benannte Farbe · #595682
Aurora Splendour
Aurora Splendour ist #595682: rgb(89 86 130), hsl(244 20% 42%), oklch(0.475 0.07 286.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Aurora Splendour color name →
#595682
oklch(0.475 0.07 286.5)
Farbumrechnungen
- HEX
- #595682
- RGB
- rgb(89 86 130)
- HSL
- hsl(244 20% 42%)
- HWB
- hwb(244 34% 49%)
- OKLCH
- oklch(0.475 0.07 286.5)
- OKLab
- oklab(0.475 0.02 -0.067)
- CIE Lab
- lab(38.28 9.5 -24.5)
- LCH
- lch(38.28 26.27 291.2)
- CMYK
- cmyk(32% 34% 0% 49%)
Tints · Shades · Tones
Tints
- 68668E
- 77769B
- 8786A7
- 9796B3
- A8A7C0
- B9B8CC
- CACAD9
- DBDBE6
- EDEDF2
Shades
- 4C4A70
- 403E5F
- 34324E
- 28273E
- 1D1C2F
- 131220
- 090812
- 030206
- 000001
Tones
- 5D5A82
- 605F82
- 646382
- 686782
- 6C6B82
- 706F82
- 747481
- 787881
- 7C7C81
Farbharmonien
Komplementär +180°
- 595682
Aurora Splendour
- 615F2D
≈ Costa Del Sol
Analog -30° +30°
- 595682
Aurora Splendour
- 425D83
≈ Functional Blue
- 6C5077
≈ Exotic Purple
Triadisch +120° +240°
- 595682
Aurora Splendour
- 7D4F39
≈ Leather Satchel
- 2F6953
≈ Spirulina
Geteilt komplementär +150° +210°
- 595682
Aurora Splendour
- 73572B
≈ Olivary
- 49653D
≈ Mountain Forest
Tetradisch +90° +180° +270°
- 595682
Aurora Splendour
- 7F4B4E
≈ Tibetan Temple
- 615F2D
≈ Costa Del Sol
- 1E6869
≈ Dusky Alpine Blue
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.82:1 · APCA Lc 84
Ag
FailAuf Schwarz
WCAG 3.07:1 · APCA Lc 18
Beste Textfarbe: #FFFFFF
WCAG 6.82:1 (AA) · APCA Lc 84
Contrast pairs
Code-Snippets
CSS
:root {
--aurora-splendour: #595682;
--aurora-splendour-rgb: 89 86 130;
--aurora-splendour-oklch: oklch(0.475 0.07 286.5);
}
.element {
color: var(--aurora-splendour);
background-color: hsl(244 20% 42%);
border-color: oklch(0.475 0.07 286.5);
}Tailwind CSS v4
@theme {
--color-aurora-splendour: #595682;
--color-aurora-splendour-50: #f4f2ff;
--color-aurora-splendour-100: #e6e5ff;
--color-aurora-splendour-200: #d2d0f1;
--color-aurora-splendour-300: #b5b2da;
--color-aurora-splendour-400: #9b99c7;
--color-aurora-splendour-500: #827fb3;
--color-aurora-splendour-600: #6e6c97;
--color-aurora-splendour-700: #585679;
--color-aurora-splendour-800: #3f3f5a;
--color-aurora-splendour-900: #2c2b3f;
--color-aurora-splendour-950: #191928;
}SCSS
$aurora-splendour: #595682;
$aurora-splendour-rgb: 89, 86, 130;
$aurora-splendour-light: mix(#fff, $aurora-splendour, 20%);
$aurora-splendour-dark: mix(#000, $aurora-splendour, 20%);
.element {
color: $aurora-splendour;
box-shadow: 0 0 0 2px rgba($aurora-splendour, 0.35);
}