Benannte Farbe · #5A4659
Strike a Pose
Strike a Pose ist #5A4659: rgb(90 70 89), hsl(303 13% 31%), oklch(0.422 0.04 327.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Strike a Pose color name →
#5A4659
oklch(0.422 0.04 327.9)
Farbumrechnungen
- HEX
- #5a4659
- RGB
- rgb(90 70 89)
- HSL
- hsl(303 13% 31%)
- HWB
- hwb(303 27% 65%)
- OKLCH
- oklch(0.422 0.04 327.9)
- OKLab
- oklab(0.422 0.034 -0.021)
- CIE Lab
- lab(32.42 11.6 -7.91)
- LCH
- lch(32.42 14.04 325.7)
- CMYK
- cmyk(0% 22% 1% 65%)
Tints · Shades · Tones
Tints
- 695768
- 796878
- 897988
- 998B98
- A99EA8
- BAB0B9
- CBC4CA
- DCD7DC
- EDEBED
Shades
- 4D3C4C
- 413240
- 352834
- 291E28
- 1E151D
- 130D13
- 090509
- 030203
- 000000
Tones
- 5E4C5D
- 625161
- 655765
- 695D68
- 6D626C
- 716870
- 756E74
- 787478
- 7C7A7C
Farbharmonien
Komplementär +180°
- 5A4659
Strike a Pose
- 3F5441
≈ Okroshka
Analog -30° +30°
- 5A4659
Strike a Pose
- 504961
≈ Violet Shadow
- 60454E
≈ Purple Basil
Triadisch +120° +240°
- 5A4659
Strike a Pose
- 574D34
≈ Tǔ Hēi Black
- 325459
≈ Frozen Stream
Geteilt komplementär +150° +210°
- 5A4659
Strike a Pose
- 4C5138
≈ Broccoli Green
- 35554E
≈ Balsam Branch
Tetradisch +90° +180° +270°
- 5A4659
Strike a Pose
- 5F4838
≈ Woodland Brown
- 3F5441
≈ Okroshka
- 395161
≈ Sailing Safari
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.55:1 · APCA Lc 89
Ag
FailAuf Schwarz
WCAG 2.45:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.55:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
CSS
:root {
--strike-a-pose: #5a4659;
--strike-a-pose-rgb: 90 70 89;
--strike-a-pose-oklch: oklch(0.422 0.04 327.9);
}
.element {
color: var(--strike-a-pose);
background-color: hsl(303 13% 31%);
border-color: oklch(0.422 0.04 327.9);
}Tailwind CSS v4
@theme {
--color-strike-a-pose: #5a4659;
--color-strike-a-pose-50: #fcf1fb;
--color-strike-a-pose-100: #f0e3ee;
--color-strike-a-pose-200: #dfcedd;
--color-strike-a-pose-300: #c4b0c1;
--color-strike-a-pose-400: #ac96ab;
--color-strike-a-pose-500: #957d94;
--color-strike-a-pose-600: #7e6a7d;
--color-strike-a-pose-700: #655564;
--color-strike-a-pose-800: #4a3e4a;
--color-strike-a-pose-900: #332a33;
--color-strike-a-pose-950: #1f181f;
}SCSS
$strike-a-pose: #5a4659;
$strike-a-pose-rgb: 90, 70, 89;
$strike-a-pose-light: mix(#fff, $strike-a-pose, 20%);
$strike-a-pose-dark: mix(#000, $strike-a-pose, 20%);
.element {
color: $strike-a-pose;
box-shadow: 0 0 0 2px rgba($strike-a-pose, 0.35);
}