Dichtstbijzijnde benoemde kleur · #8677B4
#8677B4
Dichtstbijzijnde benoemde kleur: Aster
#8677B4 (rgb(134 119 180), hsl(255 29% 59%), oklch(0.607 0.092 294.8)) komt het dichtst bij de benoemde kleur Aster. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#8677B4
oklch(0.607 0.092 294.8)
Kleurconversies
- HEX
- #8677b4
- RGB
- rgb(134 119 180)
- HSL
- hsl(255 29% 59%)
- HWB
- hwb(255 47% 29%)
- OKLCH
- oklch(0.607 0.092 294.8)
- OKLab
- oklab(0.607 0.039 -0.084)
- CIE Lab
- lab(53.27 16.06 -30.43)
- LCH
- lch(53.27 34.41 297.8)
- CMYK
- cmyk(26% 34% 0% 29%)
Tinten · Schaduwen · Tonen
Tinten
- 9184BC
- 9D91C3
- A89FCB
- B4ACD3
- C0BADA
- CDC7E2
- D9D5E9
- E5E3F0
- F2F1F8
Schaduwen
- 74679C
- 625785
- 51476E
- 403858
- 302A44
- 211C30
- 13101D
- 06050C
- 010102
Tonen
- 8578AF
- 8579AA
- 847AA5
- 837BA0
- 837C9B
- 827D95
- 827E90
- 817F8B
- 807F85
Kleurharmonieën
Complementair +180°
- 8677B4
Aster
- 818945
≈ Sea Turtle
Analoog -30° +30°
- 8677B4
Aster
- 6781BA
≈ Watertown
- 9E6FA1
≈ Dark Lilac
Triadisch +120° +240°
- 8677B4
Aster
- AD734A
≈ Burnt Almond
- 3A947F
≈ Winter Green
Gesplitst complementair +150° +210°
- 8677B4
Aster
- 9C7E3C
≈ Burnished Bronze
- 5E915F
≈ Irish Charm
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.95:1 · APCA Lc 67
Ag
AAOp zwart
WCAG 5.31:1 · APCA Lc 35
Beste tekstkleur: #000000
WCAG 5.31:1 (AA) · APCA Lc 35
Contrast pairs
Codefragmenten
CSS
:root {
--aster: #8677b4;
--aster-rgb: 134 119 180;
--aster-oklch: oklch(0.607 0.092 294.8);
}
.element {
color: var(--aster);
background-color: hsl(255 29% 59%);
border-color: oklch(0.607 0.092 294.8);
}Tailwind CSS v4
@theme {
--color-aster: #8677b4;
--color-aster-50: #f7f0ff;
--color-aster-100: #eae2ff;
--color-aster-200: #d8cdf8;
--color-aster-300: #bcaee2;
--color-aster-400: #a294d0;
--color-aster-500: #8a79bd;
--color-aster-600: #7567a0;
--color-aster-700: #5e5280;
--color-aster-800: #433c60;
--color-aster-900: #2f2943;
--color-aster-950: #1b172b;
}SCSS
$aster: #8677b4;
$aster-rgb: 134, 119, 180;
$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);
}