Benannte Farbe · #A885B5
Purple Statice
Purple Statice ist #A885B5: rgb(168 133 181), hsl(284 24% 62%), oklch(0.666 0.08 316.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Purple mean? → · Purple Statice color name →
#A885B5
oklch(0.666 0.08 316.7)
Farbumrechnungen
- HEX
- #a885b5
- RGB
- rgb(168 133 181)
- HSL
- hsl(284 24% 62%)
- HWB
- hwb(284 52% 29%)
- OKLCH
- oklch(0.666 0.08 316.7)
- OKLab
- oklab(0.666 0.058 -0.055)
- CIE Lab
- lab(60.18 20.36 -20.09)
- LCH
- lch(60.18 28.6 315.4)
- CMYK
- cmyk(7% 27% 0% 29%)
Tints · Shades · Tones
Tints
- B191BC
- B99DC4
- C2A9CB
- CAB5D3
- D3C1DA
- DCCDE1
- E5D9E9
- EDE6F0
- F6F2F8
Shades
- 92739D
- 7C6186
- 67506F
- 524059
- 3F3044
- 2C2130
- 1A131D
- 0A060C
- 010102
Tones
- A485B0
- A084AA
- 9C84A5
- 9883A0
- 94839B
- 908295
- 8C8290
- 88818B
- 848185
Farbharmonien
Komplementär +180°
- A885B5
Purple Statice
- 7DA06F
≈ Frog Hollow
Analog -30° +30°
- A885B5
Purple Statice
- 908DC3
≈ Carriage Ride
- B9809E
≈ Opera Mauve
Triadisch +120° +240°
- A885B5
Purple Statice
- B08E5B
≈ Bronze Treasure
- 52A3A5
≈ Twilight Meadow
Geteilt komplementär +150° +210°
- A885B5
Purple Statice
- 9A985D
≈ Stem
- 61A48A
≈ Plumosa
Tetradisch +90° +180° +270°
- A885B5
Purple Statice
- BD856A
≈ Clay Ground
- 7DA06F
≈ Frog Hollow
- 5B9EBA
≈ Dupain
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.14:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.68:1 · APCA Lc 43
Beste Textfarbe: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
Code-Snippets
CSS
:root {
--purple-statice: #a885b5;
--purple-statice-rgb: 168 133 181;
--purple-statice-oklch: oklch(0.666 0.08 316.7);
}
.element {
color: var(--purple-statice);
background-color: hsl(284 24% 62%);
border-color: oklch(0.666 0.08 316.7);
}Tailwind CSS v4
@theme {
--color-purple-statice: #a885b5;
--color-purple-statice-50: #ffeeff;
--color-purple-statice-100: #f4e0f9;
--color-purple-statice-200: #e3caeb;
--color-purple-statice-300: #c9abd2;
--color-purple-statice-400: #b290be;
--color-purple-statice-500: #9c75aa;
--color-purple-statice-600: #83648f;
--color-purple-statice-700: #695073;
--color-purple-statice-800: #4d3a56;
--color-purple-statice-900: #35283c;
--color-purple-statice-950: #201625;
}SCSS
$purple-statice: #a885b5;
$purple-statice-rgb: 168, 133, 181;
$purple-statice-light: mix(#fff, $purple-statice, 20%);
$purple-statice-dark: mix(#000, $purple-statice, 20%);
.element {
color: $purple-statice;
box-shadow: 0 0 0 2px rgba($purple-statice, 0.35);
}