Benannte Farbe · #5C4971
Purple Reign
Purple Reign ist #5C4971: rgb(92 73 113), hsl(269 22% 36%), oklch(0.442 0.068 305.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purple Reign color name →
#5C4971
oklch(0.442 0.068 305.6)
Farbumrechnungen
- HEX
- #5c4971
- RGB
- rgb(92 73 113)
- HSL
- hsl(269 22% 36%)
- HWB
- hwb(269 29% 56%)
- OKLCH
- oklch(0.442 0.068 305.6)
- OKLab
- oklab(0.442 0.04 -0.055)
- CIE Lab
- lab(34.31 14.84 -20.12)
- LCH
- lch(34.31 25.01 306.4)
- CMYK
- cmyk(19% 35% 0% 56%)
Tints · Shades · Tones
Tints
- 6B5A7F
- 7A6B8C
- 8A7C9A
- 9A8EA8
- AAA0B6
- BAB2C5
- CBC5D3
- DCD8E2
- EDEBF0
Shades
- 4F3E61
- 423452
- 362A43
- 2A2035
- 1F1727
- 140E1A
- 0A060E
- 030204
- 000001
Tones
- 5F4E73
- 635474
- 675976
- 6A5F78
- 6E6479
- 716A7B
- 756F7C
- 79757D
- 7C7A7F
Farbharmonien
Komplementär +180°
- 5C4971
Purple Reign
- 4A5A2F
≈ Woodman
Analog -30° +30°
- 5C4971
Purple Reign
- 485078
≈ Provocative
- 6A4462
≈ Wizard Time
Triadisch +120° +240°
- 5C4971
Purple Reign
- 6D4B28
≈ Wagon Train
- 1A5F58
≈ Empress Teal
Geteilt komplementär +150° +210°
- 5C4971
Purple Reign
- 5E5323
≈ Tucumán Green
- 315E43
≈ Verde Garrafa
Tetradisch +90° +180° +270°
- 5C4971
Purple Reign
- 744539
≈ Volcanic Brick
- 4A5A2F
≈ Woodman
- 1A5C6B
≈ Connor’s Lakefront
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.93:1 · APCA Lc 87
Ag
FailAuf Schwarz
WCAG 2.64:1 · APCA Lc 15
Beste Textfarbe: #FFFFFF
WCAG 7.93:1 (AAA) · APCA Lc 87
Contrast pairs
Code-Snippets
CSS
:root {
--purple-reign: #5c4971;
--purple-reign-rgb: 92 73 113;
--purple-reign-oklch: oklch(0.442 0.068 305.6);
}
.element {
color: var(--purple-reign);
background-color: hsl(269 22% 36%);
border-color: oklch(0.442 0.068 305.6);
}Tailwind CSS v4
@theme {
--color-purple-reign: #5c4971;
--color-purple-reign-50: #faf0ff;
--color-purple-reign-100: #eee2fa;
--color-purple-reign-200: #dccdeb;
--color-purple-reign-300: #c1afd3;
--color-purple-reign-400: #a895bf;
--color-purple-reign-500: #917baa;
--color-purple-reign-600: #7b6890;
--color-purple-reign-700: #625373;
--color-purple-reign-800: #473d56;
--color-purple-reign-900: #312a3c;
--color-purple-reign-950: #1d1726;
}SCSS
$purple-reign: #5c4971;
$purple-reign-rgb: 92, 73, 113;
$purple-reign-light: mix(#fff, $purple-reign, 20%);
$purple-reign-dark: mix(#000, $purple-reign, 20%);
.element {
color: $purple-reign;
box-shadow: 0 0 0 2px rgba($purple-reign, 0.35);
}