Colore con nome · #2A2551
Pāua
Pāua è #2A2551: rgb(42 37 81), hsl(247 37% 23%), oklch(0.295 0.078 285.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Pāua color name →
#2A2551
oklch(0.295 0.078 285.8)
Conversioni di colore
- HEX
- #2a2551
- RGB
- rgb(42 37 81)
- HSL
- hsl(247 37% 23%)
- HWB
- hwb(247 15% 68%)
- OKLCH
- oklch(0.295 0.078 285.8)
- OKLab
- oklab(0.295 0.021 -0.075)
- CIE Lab
- lab(17.18 12.46 -26.68)
- LCH
- lch(17.18 29.44 295)
- CMYK
- cmyk(48% 54% 0% 68%)
Tinte · Ombre · Toni
Tinte
- 3B3862
- 4E4C72
- 626183
- 767694
- 8C8BA6
- A2A2B7
- B8B8C9
- CFCFDB
- E7E7ED
Ombre
- 231F45
- 1C193A
- 16132F
- 100D24
- 0A081A
- 050410
- 020207
- 010002
- 000000
Toni
- 312E56
- 39375B
- 414060
- 4A4965
- 52526A
- 5B5B6E
- 646473
- 6D6D77
- 77777C
Armonie di colore
Complementare +180°
- 2A2551
Pāua
- 312E00
≈ Wasabi Nori
Analogo -30° +30°
Triadico +120° +240°
Complementare divisa +150° +210°
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 14.17:1 · APCA Lc 101
Ag
FailSu nero
WCAG 1.48:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 14.17:1 (AAA) · APCA Lc 101
Contrast pairs
Frammenti di codice
CSS
:root {
--paua: #2a2551;
--paua-rgb: 42 37 81;
--paua-oklch: oklch(0.295 0.078 285.8);
}
.element {
color: var(--paua);
background-color: hsl(247 37% 23%);
border-color: oklch(0.295 0.078 285.8);
}Tailwind CSS v4
@theme {
--color-paua: #2a2551;
--color-paua-50: #f3f2ff;
--color-paua-100: #e6e4ff;
--color-paua-200: #d2d0f4;
--color-paua-300: #b5b2de;
--color-paua-400: #9a98cb;
--color-paua-500: #817fb8;
--color-paua-600: #6d6b9b;
--color-paua-700: #57567c;
--color-paua-800: #3f3f5c;
--color-paua-900: #2b2b41;
--color-paua-950: #191829;
}SCSS
$paua: #2a2551;
$paua-rgb: 42, 37, 81;
$paua-light: mix(#fff, $paua, 20%);
$paua-dark: mix(#000, $paua, 20%);
.element {
color: $paua;
box-shadow: 0 0 0 2px rgba($paua, 0.35);
}