Colore con nome · #8B94C7
Fast Velvet
Fast Velvet è #8B94C7: rgb(139 148 199), hsl(231 35% 66%), oklch(0.678 0.076 276.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Fast Velvet color name →
#8B94C7
oklch(0.678 0.076 276.4)
Conversioni di colore
- HEX
- #8b94c7
- RGB
- rgb(139 148 199)
- HSL
- hsl(231 35% 66%)
- HWB
- hwb(231 55% 22%)
- OKLCH
- oklch(0.678 0.076 276.4)
- OKLab
- oklab(0.678 0.009 -0.076)
- CIE Lab
- lab(62.03 5.58 -27.68)
- LCH
- lch(62.03 28.23 281.4)
- CMYK
- cmyk(30% 26% 0% 22%)
Tinte · Ombre · Toni
Tinte
- 969ECD
- A1A9D3
- ACB3D8
- B8BEDE
- C3C9E4
- CFD3E9
- DBDEEF
- E7E9F4
- F3F4FA
Ombre
- 7880AD
- 666D93
- 545A7A
- 434862
- 32364C
- 232636
- 141621
- 07080E
- 010102
Toni
- 8A92C0
- 8990B9
- 888EB2
- 868CAB
- 858AA3
- 84889C
- 838695
- 82848E
- 818287
Armonie di colore
Complementare +180°
- 8B94C7
Fast Velvet
- A59861
≈ Zandri Dust
Analogo -30° +30°
- 8B94C7
Fast Velvet
- 719DC4
≈ Blue Promise
- A48CBD
≈ Classic Bouquet
Triadico +120° +240°
- 8B94C7
Fast Velvet
- C28777
≈ Argyle Rose
- 70A685
≈ Corporate Green
Complementare divisa +150° +210°
- 8B94C7
Fast Velvet
- B88F65
≈ Tropical Wood
- 8CA16D
≈ Buckingham Gardens
Tetradico +90° +180° +270°
- 8B94C7
Fast Velvet
- C18490
≈ Strawberry Jubilee
- A59861
≈ Zandri Dust
- 5CA79F
≈ Paradise Island
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.93:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.15:1 · APCA Lc 46
Miglior colore del testo: #000000
WCAG 7.15:1 (AAA) · APCA Lc 46
Contrast pairs
Frammenti di codice
CSS
:root {
--fast-velvet: #8b94c7;
--fast-velvet-rgb: 139 148 199;
--fast-velvet-oklch: oklch(0.678 0.076 276.4);
}
.element {
color: var(--fast-velvet);
background-color: hsl(231 35% 66%);
border-color: oklch(0.678 0.076 276.4);
}Tailwind CSS v4
@theme {
--color-fast-velvet: #8b94c7;
--color-fast-velvet-50: #f0f4ff;
--color-fast-velvet-100: #e2e6ff;
--color-fast-velvet-200: #ccd2f5;
--color-fast-velvet-300: #aeb4df;
--color-fast-velvet-400: #929bcc;
--color-fast-velvet-500: #7982b9;
--color-fast-velvet-600: #666e9c;
--color-fast-velvet-700: #52587d;
--color-fast-velvet-800: #3a405d;
--color-fast-velvet-900: #282c41;
--color-fast-velvet-950: #16192a;
}SCSS
$fast-velvet: #8b94c7;
$fast-velvet-rgb: 139, 148, 199;
$fast-velvet-light: mix(#fff, $fast-velvet, 20%);
$fast-velvet-dark: mix(#000, $fast-velvet, 20%);
.element {
color: $fast-velvet;
box-shadow: 0 0 0 2px rgba($fast-velvet, 0.35);
}