Colore con nome · #9490B2
Extinct
Extinct è #9490B2: rgb(148 144 178), hsl(247 18% 63%), oklch(0.669 0.05 290.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Extinct color name →
#9490B2
oklch(0.669 0.05 290.4)
Conversioni di colore
- HEX
- #9490b2
- RGB
- rgb(148 144 178)
- HSL
- hsl(247 18% 63%)
- HWB
- hwb(247 56% 30%)
- OKLCH
- oklch(0.669 0.05 290.4)
- OKLab
- oklab(0.669 0.017 -0.047)
- CIE Lab
- lab(61.03 6.87 -17.34)
- LCH
- lch(61.03 18.65 291.6)
- CMYK
- cmyk(17% 19% 0% 30%)
Tinte · Ombre · Toni
Tinte
- 9E9BBA
- A8A5C1
- B3B0C9
- BDBBD1
- C8C6D8
- D3D1E0
- DEDDE8
- E9E8EF
- F4F3F7
Ombre
- 807D9A
- 6D6A83
- 5A576D
- 484557
- 363443
- 26242F
- 16151D
- 08070C
- 010101
Toni
- 928EAD
- 908DA8
- 8E8BA3
- 8C8A9E
- 8A8899
- 888794
- 86858F
- 84838A
- 828285
Armonie di colore
Complementare +180°
- 9490B2
Extinct
- 969875
≈ Silk Road
Analogo -30° +30°
- 9490B2
Extinct
- 8396B4
≈ Denim Tradition
- A38BA8
≈ Nana
Triadico +120° +240°
- 9490B2
Extinct
- AF8C7A
≈ Magnitude
- 769F90
≈ Regal View
Complementare divisa +150° +210°
- 9490B2
Extinct
- A59272
≈ Natural Bridge
- 859D80
≈ Basswood Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.04:1 · APCA Lc 57
Ag
AASu nero
WCAG 6.89:1 · APCA Lc 44
Miglior colore del testo: #000000
WCAG 6.89:1 (AA) · APCA Lc 44
Contrast pairs
Frammenti di codice
CSS
:root {
--extinct: #9490b2;
--extinct-rgb: 148 144 178;
--extinct-oklch: oklch(0.669 0.05 290.4);
}
.element {
color: var(--extinct);
background-color: hsl(247 18% 63%);
border-color: oklch(0.669 0.05 290.4);
}Tailwind CSS v4
@theme {
--color-extinct: #9490b2;
--color-extinct-50: #f5f3ff;
--color-extinct-100: #e8e5f8;
--color-extinct-200: #d4d1e8;
--color-extinct-300: #b7b3cf;
--color-extinct-400: #9e9abb;
--color-extinct-500: #8581a6;
--color-extinct-600: #716d8c;
--color-extinct-700: #5a5770;
--color-extinct-800: #414053;
--color-extinct-900: #2d2c3a;
--color-extinct-950: #1a1924;
}SCSS
$extinct: #9490b2;
$extinct-rgb: 148, 144, 178;
$extinct-light: mix(#fff, $extinct, 20%);
$extinct-dark: mix(#000, $extinct, 20%);
.element {
color: $extinct;
box-shadow: 0 0 0 2px rgba($extinct, 0.35);
}