Colore con nome · #A885B5
Purple Statice
Purple Statice è #A885B5: rgb(168 133 181), hsl(284 24% 62%), oklch(0.666 0.08 316.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Purple Statice color name →
#A885B5
oklch(0.666 0.08 316.7)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- B191BC
- B99DC4
- C2A9CB
- CAB5D3
- D3C1DA
- DCCDE1
- E5D9E9
- EDE6F0
- F6F2F8
Ombre
- 92739D
- 7C6186
- 67506F
- 524059
- 3F3044
- 2C2130
- 1A131D
- 0A060C
- 010102
Toni
- A485B0
- A084AA
- 9C84A5
- 9883A0
- 94839B
- 908295
- 8C8290
- 88818B
- 848185
Armonie di colore
Complementare +180°
- A885B5
Purple Statice
- 7DA06F
≈ Frog Hollow
Analogo -30° +30°
- A885B5
Purple Statice
- 908DC3
≈ Carriage Ride
- B9809E
≈ Opera Mauve
Triadico +120° +240°
- A885B5
Purple Statice
- B08E5B
≈ Bronze Treasure
- 52A3A5
≈ Twilight Meadow
Complementare divisa +150° +210°
- A885B5
Purple Statice
- 9A985D
≈ Stem
- 61A48A
≈ Plumosa
Tetradico +90° +180° +270°
- A885B5
Purple Statice
- BD856A
≈ Clay Ground
- 7DA06F
≈ Frog Hollow
- 5B9EBA
≈ Dupain
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.14:1 · APCA Lc 58
Ag
AASu nero
WCAG 6.68:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
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);
}