Najbliższy nazwany kolor · #973AE1
#973AE1
Najbliższy nazwany kolor: Dreamscape Purple
#973AE1 (rgb(151 58 225), hsl(273 74% 55%), oklch(0.562 0.238 305.1)) jest najbliższy nazwanemu kolorowi Dreamscape Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#973AE1
oklch(0.562 0.238 305.1)
Konwersje koloru
- HEX
- #973ae1
- RGB
- rgb(151 58 225)
- HSL
- hsl(273 74% 55%)
- HWB
- hwb(273 23% 12%)
- OKLCH
- oklch(0.562 0.238 305.1)
- OKLab
- oklab(0.562 0.137 -0.195)
- CIE Lab
- lab(44.92 60.01 -69.26)
- LCH
- lch(44.92 91.65 310.9)
- CMYK
- cmyk(33% 74% 0% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A154E6
- AB6AEA
- B57EEE
- BF91F1
- C9A4F5
- D4B6F8
- DFC8FA
- E9DBFC
- F4EDFE
Odcienie ciemniejsze
- 8331C4
- 6F28A7
- 5C208B
- 491870
- 371056
- 26093E
- 170427
- 080112
- 010002
Tony
- 9546D8
- 9250CF
- 9059C5
- 8D60BC
- 8B67B3
- 896DA9
- 87729F
- 847795
- 827C8B
Harmonie kolorów
Komplementarna +180°
- 973AE1
Dreamscape Purple
- 628200
≈ Enchanted Forest
Analogowa -30° +30°
- 973AE1
Dreamscape Purple
- 5657FC
≈ Shady Neon Blue
- C118AA
≈ Amora Purple
Triada +120° +240°
- 973AE1
Dreamscape Purple
- A66300
≈ Butter Fudge
- 00877D
≈ Ornamental Turquoise
Komplementarna rozszczepiona +150° +210°
- 973AE1
Dreamscape Purple
- 8A7300
≈ Vermin Brown
- 008C4F
≈ Iceland Green
Tetrada +90° +180° +270°
- 973AE1
Dreamscape Purple
- CE3500
≈ Pleasant Pomegranate
- 628200
≈ Enchanted Forest
- 008399
≈ Cruising
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.23:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.00:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.23:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--dreamscape-purple: #973ae1;
--dreamscape-purple-rgb: 151 58 225;
--dreamscape-purple-oklch: oklch(0.562 0.238 305.1);
}
.element {
color: var(--dreamscape-purple);
background-color: hsl(273 74% 55%);
border-color: oklch(0.562 0.238 305.1);
}Tailwind CSS v4
@theme {
--color-dreamscape-purple: #973ae1;
--color-dreamscape-purple-50: #ffe4ff;
--color-dreamscape-purple-100: #fdd3ff;
--color-dreamscape-purple-200: #efb8ff;
--color-dreamscape-purple-300: #d892ff;
--color-dreamscape-purple-400: #c06fff;
--color-dreamscape-purple-500: #ad44ff;
--color-dreamscape-purple-600: #923cd8;
--color-dreamscape-purple-700: #7530ae;
--color-dreamscape-purple-800: #542284;
--color-dreamscape-purple-900: #3b175d;
--color-dreamscape-purple-950: #250640;
}SCSS
$dreamscape-purple: #973ae1;
$dreamscape-purple-rgb: 151, 58, 225;
$dreamscape-purple-light: mix(#fff, $dreamscape-purple, 20%);
$dreamscape-purple-dark: mix(#000, $dreamscape-purple, 20%);
.element {
color: $dreamscape-purple;
box-shadow: 0 0 0 2px rgba($dreamscape-purple, 0.35);
}