Najbliższy nazwany kolor · #A53098
#A53098
Najbliższy nazwany kolor: Warm Purple
#A53098 (rgb(165 48 152), hsl(307 55% 42%), oklch(0.524 0.191 332.8)) jest najbliższy nazwanemu kolorowi Warm Purple. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#A53098
oklch(0.524 0.191 332.8)
Konwersje koloru
- HEX
- #a53098
- RGB
- rgb(165 48 152)
- HSL
- hsl(307 55% 42%)
- HWB
- hwb(307 19% 35%)
- OKLCH
- oklch(0.524 0.191 332.8)
- OKLab
- oklab(0.524 0.17 -0.087)
- CIE Lab
- lab(41.84 56.41 -31.37)
- LCH
- lch(41.84 64.54 330.9)
- CMYK
- cmyk(0% 71% 8% 35%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- B049A2
- BA5FAD
- C473B7
- CD87C2
- D69BCC
- DFAFD6
- E8C3E0
- F0D7EB
- F8EBF5
Odcienie ciemniejsze
- 8F2884
- 792170
- 651A5C
- 51134A
- 3D0C38
- 2B0627
- 1A0317
- 0A0108
- 010001
Tony
- A23C96
- A04694
- 9D4F92
- 9A578F
- 965F8D
- 92668B
- 8E6D88
- 8A7486
- 857A83
Harmonie kolorów
Komplementarna +180°
- A53098
Warm Purple
- 007F42
≈ Jungle Green
Analogowa -30° +30°
- A53098
Warm Purple
- 8143C2
≈ Harley Hair Purple
- BA2160
≈ Chaotic Roses
Triada +120° +240°
- A53098
Warm Purple
- 7F6700
≈ Arousing Alligator
- 007789
≈ Biscay Bay
Komplementarna rozszczepiona +150° +210°
- A53098
Warm Purple
- 5D7500
≈ Topiary Green
- 007B6F
≈ Pond Moss
Tetrada +90° +180° +270°
- A53098
Warm Purple
- 995800
≈ Charlie Brown
- 007F42
≈ Jungle Green
- 0070AC
≈ Planetarium
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.04:1 · APCA Lc 79
Ag
FailNa czerni
WCAG 3.47:1 · APCA Lc 23
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.04:1 (AA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--warm-purple: #a53098;
--warm-purple-rgb: 165 48 152;
--warm-purple-oklch: oklch(0.524 0.191 332.8);
}
.element {
color: var(--warm-purple);
background-color: hsl(307 55% 42%);
border-color: oklch(0.524 0.191 332.8);
}Tailwind CSS v4
@theme {
--color-warm-purple: #a53098;
--color-warm-purple-50: #ffe1ff;
--color-warm-purple-100: #ffd0ff;
--color-warm-purple-200: #ffb5f5;
--color-warm-purple-300: #f290de;
--color-warm-purple-400: #de6dce;
--color-warm-purple-500: #cb47bb;
--color-warm-purple-600: #ab3e9e;
--color-warm-purple-700: #8a317f;
--color-warm-purple-800: #652360;
--color-warm-purple-900: #471743;
--color-warm-purple-950: #2e072b;
}SCSS
$warm-purple: #a53098;
$warm-purple-rgb: 165, 48, 152;
$warm-purple-light: mix(#fff, $warm-purple, 20%);
$warm-purple-dark: mix(#000, $warm-purple, 20%);
.element {
color: $warm-purple;
box-shadow: 0 0 0 2px rgba($warm-purple, 0.35);
}