Benannte Farbe · #523E49
Purple Province
Purple Province ist #523E49: rgb(82 62 73), hsl(327 14% 28%), oklch(0.389 0.033 344.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Purple Province color name →
#523E49
oklch(0.389 0.033 344.6)
Farbumrechnungen
- HEX
- #523e49
- RGB
- rgb(82 62 73)
- HSL
- hsl(327 14% 28%)
- HWB
- hwb(327 24% 68%)
- OKLCH
- oklch(0.389 0.033 344.6)
- OKLab
- oklab(0.389 0.032 -0.009)
- CIE Lab
- lab(28.73 10.55 -3.19)
- LCH
- lch(28.73 11.02 343.2)
- CMYK
- cmyk(0% 24% 11% 68%)
Tints · Shades · Tones
Tints
- 624F59
- 72616A
- 83737B
- 94868D
- A5999F
- B6ADB2
- C8C1C4
- DAD5D8
- ECEAEB
Shades
- 46353E
- 3B2B34
- 2F232A
- 251A20
- 1A1217
- 110A0E
- 080406
- 020102
- 000000
Tones
- 57444E
- 5B4B54
- 605159
- 64585E
- 695E64
- 6E6569
- 726C6F
- 777275
- 7B797A
Farbharmonien
Komplementär +180°
- 523E49
Purple Province
- 344B40
≈ Garnet Black Green
Analog -30° +30°
- 523E49
Purple Province
- 4B4051
≈ Stone Violet
- 553E3F
≈ Budapest Brown
Triadisch +120° +240°
- 523E49
Purple Province
- 474632
≈ Ruggero Grey
- 324952
≈ Sea Kelp
Geteilt komplementär +150° +210°
- 523E49
Purple Province
- 3E4937
≈ Copper Pyrite Green
- 304B4A
≈ Tree Bark Green
Tetradisch +90° +180° +270°
- 523E49
Purple Province
- 4F4331
≈ Deep Bronze
- 344B40
≈ Garnet Black Green
- 394656
≈ Surf’n’dive
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.79:1 · APCA Lc 93
Ag
FailAuf Schwarz
WCAG 2.14:1 · APCA Lc 10
Beste Textfarbe: #FFFFFF
WCAG 9.79:1 (AAA) · APCA Lc 93
Contrast pairs
Code-Snippets
CSS
:root {
--purple-province: #523e49;
--purple-province-rgb: 82 62 73;
--purple-province-oklch: oklch(0.389 0.033 344.6);
}
.element {
color: var(--purple-province);
background-color: hsl(327 14% 28%);
border-color: oklch(0.389 0.033 344.6);
}Tailwind CSS v4
@theme {
--color-purple-province: #523e49;
--color-purple-province-50: #fdf2f7;
--color-purple-province-100: #f1e4ea;
--color-purple-province-200: #dfcfd7;
--color-purple-province-300: #c5b1bb;
--color-purple-province-400: #ad97a3;
--color-purple-province-500: #977e8b;
--color-purple-province-600: #7f6b76;
--color-purple-province-700: #66555e;
--color-purple-province-800: #4b3e45;
--color-purple-province-900: #342b30;
--color-purple-province-950: #1f181c;
}SCSS
$purple-province: #523e49;
$purple-province-rgb: 82, 62, 73;
$purple-province-light: mix(#fff, $purple-province, 20%);
$purple-province-dark: mix(#000, $purple-province, 20%);
.element {
color: $purple-province;
box-shadow: 0 0 0 2px rgba($purple-province, 0.35);
}