Benannte Farbe · #5F4561
Pansy Petal
Pansy Petal ist #5F4561: rgb(95 69 97), hsl(296 17% 33%), oklch(0.429 0.056 324.1). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Pansy Petal color name →
#5F4561
oklch(0.429 0.056 324.1)
Farbumrechnungen
- HEX
- #5f4561
- RGB
- rgb(95 69 97)
- HSL
- hsl(296 17% 33%)
- HWB
- hwb(296 27% 62%)
- OKLCH
- oklch(0.429 0.056 324.1)
- OKLab
- oklab(0.429 0.045 -0.033)
- CIE Lab
- lab(33 15.54 -12.04)
- LCH
- lch(33 19.65 322.2)
- CMYK
- cmyk(2% 29% 0% 62%)
Tints · Shades · Tones
Tints
- 6E5670
- 7D677F
- 8C798E
- 9C8B9D
- AC9DAD
- BCB0BD
- CDC3CD
- DDD7DE
- EEEBEE
Shades
- 523B53
- 443146
- 382739
- 2C1E2D
- 201521
- 150C15
- 0A050B
- 030203
- 000000
Tones
- 624B64
- 665167
- 69566A
- 6C5C6E
- 706271
- 736874
- 766E77
- 7A747A
- 7D7A7D
Farbharmonien
Komplementär +180°
- 5F4561
Pansy Petal
- 3C583C
≈ Ficus
Analog -30° +30°
- 5F4561
Pansy Petal
- 514A6B
≈ Darlak
- 684352
≈ Finn
Triadisch +120° +240°
- 5F4561
Pansy Petal
- 5E4D2A
≈ West Coast
- 24595E
≈ Bayberry
Geteilt komplementär +150° +210°
- 5F4561
Pansy Petal
- 4F532E
≈ Warplock Bronze
- 2B5A4D
≈ Federal Fund
Tetradisch +90° +180° +270°
- 5F4561
Pansy Petal
- 684732
≈ Buckeye
- 3C583C
≈ Ficus
- 2E556A
≈ Deep Dive
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.36:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.51:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.36:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--pansy-petal: #5f4561;
--pansy-petal-rgb: 95 69 97;
--pansy-petal-oklch: oklch(0.429 0.056 324.1);
}
.element {
color: var(--pansy-petal);
background-color: hsl(296 17% 33%);
border-color: oklch(0.429 0.056 324.1);
}Tailwind CSS v4
@theme {
--color-pansy-petal: #5f4561;
--color-pansy-petal-50: #fef0fe;
--color-pansy-petal-100: #f2e2f2;
--color-pansy-petal-200: #e1cce1;
--color-pansy-petal-300: #c7aec7;
--color-pansy-petal-400: #af94b1;
--color-pansy-petal-500: #997a9b;
--color-pansy-petal-600: #816783;
--color-pansy-petal-700: #685269;
--color-pansy-petal-800: #4c3c4e;
--color-pansy-petal-900: #352936;
--color-pansy-petal-950: #201721;
}SCSS
$pansy-petal: #5f4561;
$pansy-petal-rgb: 95, 69, 97;
$pansy-petal-light: mix(#fff, $pansy-petal, 20%);
$pansy-petal-dark: mix(#000, $pansy-petal, 20%);
.element {
color: $pansy-petal;
box-shadow: 0 0 0 2px rgba($pansy-petal, 0.35);
}