Nazwany kolor · #522A6F
Purple Seduction
Purple Seduction to #522A6F: rgb(82 42 111), hsl(275 45% 30%), oklch(0.372 0.118 308.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Purple mean? → · Purple Seduction color name →
#522A6F
oklch(0.372 0.118 308.5)
Konwersje koloru
- HEX
- #522a6f
- RGB
- rgb(82 42 111)
- HSL
- hsl(275 45% 30%)
- HWB
- hwb(275 16% 56%)
- OKLCH
- oklch(0.372 0.118 308.5)
- OKLab
- oklab(0.372 0.074 -0.093)
- CIE Lab
- lab(25.26 29.18 -33.13)
- LCH
- lch(25.26 44.15 311.4)
- CMYK
- cmyk(26% 62% 0% 56%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 623F7D
- 72538C
- 82679A
- 937CA8
- A491B7
- B6A6C5
- C8BCD3
- DAD2E2
- ECE8F0
Odcienie ciemniejsze
- 462360
- 3B1C51
- 2F1642
- 251034
- 1A0A27
- 11051A
- 08020E
- 020104
- 000001
Tony
- 573471
- 5B3D73
- 604575
- 644E77
- 695679
- 6D5F7B
- 72677C
- 776F7E
- 7B787F
Harmonie kolorów
Komplementarna +180°
- 522A6F
Purple Seduction
- 304900
≈ Treetop Cathedral
Analogowa -30° +30°
- 522A6F
Purple Seduction
- 34357D
≈ Ballpoint Indigo
- 662155
≈ Pretty in Prune
Triada +120° +240°
- 522A6F
Purple Seduction
- 5C3700
≈ Chocolate Fantasies
- 004B47
≈ Deep Into the Jungle
Komplementarna rozszczepiona +150° +210°
- 522A6F
Purple Seduction
- 4B4000
≈ Xanthophobia
- 004E2E
≈ Troll Green
Tetrada +90° +180° +270°
- 522A6F
Purple Seduction
- 712102
≈ Burning Steppes
- 304900
≈ Treetop Cathedral
- 004858
≈ Midnight Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 10.94:1 · APCA Lc 95
Ag
FailNa czerni
WCAG 1.91:1 · APCA Lc 8
Najlepszy kolor tekstu: #FFFFFF
WCAG 10.94:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--purple-seduction: #522a6f;
--purple-seduction-rgb: 82 42 111;
--purple-seduction-oklch: oklch(0.372 0.118 308.5);
}
.element {
color: var(--purple-seduction);
background-color: hsl(275 45% 30%);
border-color: oklch(0.372 0.118 308.5);
}Tailwind CSS v4
@theme {
--color-purple-seduction: #522a6f;
--color-purple-seduction-50: #ffecff;
--color-purple-seduction-100: #f4deff;
--color-purple-seduction-200: #e4c7fa;
--color-purple-seduction-300: #caa7e5;
--color-purple-seduction-400: #b28bd4;
--color-purple-seduction-500: #9c6fc2;
--color-purple-seduction-600: #845ea3;
--color-purple-seduction-700: #6a4b83;
--color-purple-seduction-800: #4d3762;
--color-purple-seduction-900: #352545;
--color-purple-seduction-950: #21142d;
}SCSS
$purple-seduction: #522a6f;
$purple-seduction-rgb: 82, 42, 111;
$purple-seduction-light: mix(#fff, $purple-seduction, 20%);
$purple-seduction-dark: mix(#000, $purple-seduction, 20%);
.element {
color: $purple-seduction;
box-shadow: 0 0 0 2px rgba($purple-seduction, 0.35);
}