Colore con nome più vicino · #869BC3
#869BC3
Colore con nome più vicino: Sailing
#869BC3 (rgb(134 155 195), hsl(219 34% 65%), oklch(0.688 0.064 263.1)) è più vicino al colore con nome Sailing. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#869BC3
oklch(0.688 0.064 263.1)
Conversioni di colore
- HEX
- #869bc3
- RGB
- rgb(134 155 195)
- HSL
- hsl(219 34% 65%)
- HWB
- hwb(219 53% 24%)
- OKLCH
- oklch(0.688 0.064 263.1)
- OKLab
- oklab(0.688 -0.008 -0.063)
- CIE Lab
- lab(63.43 -0.5 -23.35)
- LCH
- lch(63.43 23.35 268.8)
- CMYK
- cmyk(31% 21% 0% 24%)
Tinte · Ombre · Toni
Tinte
- 92A5C9
- 9DAFCF
- A9B8D5
- B5C2DB
- C1CCE1
- CDD6E7
- D9E0ED
- E6EBF3
- F2F5F9
Ombre
- 7486A9
- 627290
- 515E78
- 404B60
- 30394A
- 212834
- 131820
- 06090E
- 010102
Toni
- 8598BC
- 8596B6
- 8493AF
- 8490A8
- 838EA1
- 838B9B
- 828894
- 81868D
- 818387
Armonie di colore
Complementare +180°
- 869BC3
Sailing
- AE986D
≈ Emperor’s Gold
Analogo -30° +30°
- 869BC3
Sailing
- 72A2BC
≈ Ocean Surf
- 9C94BF
≈ Lavender Bonnet
Triadico +120° +240°
- 869BC3
Sailing
- BF8B88
≈ Smoky Pink
- 84A581
≈ Greyish Green
Complementare divisa +150° +210°
- 869BC3
Sailing
- BB9076
≈ Mojave Dusk
- 9A9F71
≈ Dill Powder
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.80:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.49:1 · APCA Lc 48
Miglior colore del testo: #000000
WCAG 7.49:1 (AAA) · APCA Lc 48
Contrast pairs
Frammenti di codice
CSS
:root {
--sailing: #869bc3;
--sailing-rgb: 134 155 195;
--sailing-oklch: oklch(0.688 0.064 263.1);
}
.element {
color: var(--sailing);
background-color: hsl(219 34% 65%);
border-color: oklch(0.688 0.064 263.1);
}Tailwind CSS v4
@theme {
--color-sailing: #869bc3;
--color-sailing-50: #ecf5ff;
--color-sailing-100: #dee8fe;
--color-sailing-200: #c7d4f0;
--color-sailing-300: #a8b8d9;
--color-sailing-400: #8b9fc5;
--color-sailing-500: #7086b1;
--color-sailing-600: #5f7296;
--color-sailing-700: #4c5b78;
--color-sailing-800: #364359;
--color-sailing-900: #252e3e;
--color-sailing-950: #131b27;
}SCSS
$sailing: #869bc3;
$sailing-rgb: 134, 155, 195;
$sailing-light: mix(#fff, $sailing, 20%);
$sailing-dark: mix(#000, $sailing, 20%);
.element {
color: $sailing;
box-shadow: 0 0 0 2px rgba($sailing, 0.35);
}