Colore con nome più vicino · #837FB9
#837FB9
Colore con nome più vicino: Aster
#837FB9 (rgb(131 127 185), hsl(244 29% 61%), oklch(0.623 0.087 286.7)) è più vicino al colore con nome Aster. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#837FB9
oklch(0.623 0.087 286.7)
Conversioni di colore
- HEX
- #837fb9
- RGB
- rgb(131 127 185)
- HSL
- hsl(244 29% 61%)
- HWB
- hwb(244 50% 27%)
- OKLCH
- oklch(0.623 0.087 286.7)
- OKLab
- oklab(0.623 0.025 -0.083)
- CIE Lab
- lab(55.28 11.62 -30.21)
- LCH
- lch(55.28 32.37 291)
- CMYK
- cmyk(29% 31% 0% 27%)
Tinte · Ombre · Toni
Tinte
- 8E8BC0
- 9A98C7
- A6A4CF
- B2B1D6
- BFBEDD
- CBCBE4
- D8D8EB
- E5E5F1
- F2F2F8
Ombre
- 716EA0
- 605D89
- 4F4C71
- 3F3C5B
- 2F2D46
- 201F31
- 12111E
- 06060D
- 010102
Toni
- 837FB3
- 8280AE
- 8280A8
- 8180A3
- 81809D
- 818097
- 818092
- 80808C
- 808086
Armonie di colore
Complementare +180°
- 837FB9
Aster
- 8D8B4A
≈ Warm Wetlands
Analogo -30° +30°
- 837FB9
Aster
- 6589BB
≈ Faded Blue
- 9C77AA
≈ Karma Chameleon
Triadico +120° +240°
- 837FB9
Aster
- B27659
≈ Apricot Mix
- 4D987C
≈ Greenway
Complementare divisa +150° +210°
- 837FB9
Aster
- A58048
≈ Caramel Suede
- 6E935F
≈ Wakatake Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.68:1 · APCA Lc 64
Ag
AASu nero
WCAG 5.70:1 · APCA Lc 37
Miglior colore del testo: #000000
WCAG 5.70:1 (AA) · APCA Lc 37
Contrast pairs
Frammenti di codice
CSS
:root {
--aster: #837fb9;
--aster-rgb: 131 127 185;
--aster-oklch: oklch(0.623 0.087 286.7);
}
.element {
color: var(--aster);
background-color: hsl(244 29% 61%);
border-color: oklch(0.623 0.087 286.7);
}Tailwind CSS v4
@theme {
--color-aster: #837fb9;
--color-aster-50: #f4f2ff;
--color-aster-100: #e6e4ff;
--color-aster-200: #d2cff8;
--color-aster-300: #b5b1e2;
--color-aster-400: #9a97d0;
--color-aster-500: #827dbd;
--color-aster-600: #6e6a9f;
--color-aster-700: #585580;
--color-aster-800: #3f3e5f;
--color-aster-900: #2b2b43;
--color-aster-950: #19182b;
}SCSS
$aster: #837fb9;
$aster-rgb: 131, 127, 185;
$aster-light: mix(#fff, $aster, 20%);
$aster-dark: mix(#000, $aster, 20%);
.element {
color: $aster;
box-shadow: 0 0 0 2px rgba($aster, 0.35);
}