Colore con nome più vicino · #69758A
#69758A
Colore con nome più vicino: Abandoned Spaceship
#69758A (rgb(105 117 138), hsl(218 14% 48%), oklch(0.56 0.036 261.6)) è più vicino al colore con nome Abandoned Spaceship. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#69758A
oklch(0.56 0.036 261.6)
Conversioni di colore
- HEX
- #69758a
- RGB
- rgb(105 117 138)
- HSL
- hsl(218 14% 48%)
- HWB
- hwb(218 41% 46%)
- OKLCH
- oklch(0.56 0.036 261.6)
- OKLab
- oklab(0.56 -0.005 -0.035)
- CIE Lab
- lab(48.81 -0.92 -13.12)
- LCH
- lch(48.81 13.15 266)
- CMYK
- cmyk(24% 15% 0% 46%)
Tinte · Ombre · Toni
Tinte
- 778295
- 858FA1
- 949CAC
- A2AAB8
- B1B8C3
- C0C6CF
- D0D4DB
- DFE2E7
- EFF0F3
Ombre
- 5A6577
- 4C5565
- 3E4653
- 313742
- 242932
- 181C22
- 0C0F14
- 040507
- 000101
Toni
- 6B7689
- 6E7788
- 707887
- 727986
- 747B85
- 777C84
- 797D83
- 7B7E82
- 7E7F81
Armonie di colore
Complementare +180°
- 69758A
Abandoned Spaceship
- 7F735D
≈ Colusa Wetlands
Analogo -30° +30°
- 69758A
Abandoned Spaceship
- 607986
≈ Tool Blue
- 747188
≈ Stormy Mauve
Triadico +120° +240°
- 69758A
Abandoned Spaceship
- 886D6B
≈ Sandstone Red Grey
- 697A67
≈ Cricket Green
Complementare divisa +150° +210°
- 69758A
Abandoned Spaceship
- 866F62
≈ Pipe
- 75775F
≈ Boardman
Tetradico +90° +180° +270°
- 69758A
Abandoned Spaceship
- 866C77
≈ Velvet Slipper
- 7F735D
≈ Colusa Wetlands
- 607C72
≈ Forest Edge
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.65:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.51:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.65:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--abandoned-spaceship: #69758a;
--abandoned-spaceship-rgb: 105 117 138;
--abandoned-spaceship-oklch: oklch(0.56 0.036 261.6);
}
.element {
color: var(--abandoned-spaceship);
background-color: hsl(218 14% 48%);
border-color: oklch(0.56 0.036 261.6);
}Tailwind CSS v4
@theme {
--color-abandoned-spaceship: #69758a;
--color-abandoned-spaceship-50: #f0f5ff;
--color-abandoned-spaceship-100: #e2e8f4;
--color-abandoned-spaceship-200: #ccd5e4;
--color-abandoned-spaceship-300: #aeb8ca;
--color-abandoned-spaceship-400: #939fb4;
--color-abandoned-spaceship-500: #79879e;
--color-abandoned-spaceship-600: #677286;
--color-abandoned-spaceship-700: #525b6b;
--color-abandoned-spaceship-800: #3b434f;
--color-abandoned-spaceship-900: #292e37;
--color-abandoned-spaceship-950: #161b22;
}SCSS
$abandoned-spaceship: #69758a;
$abandoned-spaceship-rgb: 105, 117, 138;
$abandoned-spaceship-light: mix(#fff, $abandoned-spaceship, 20%);
$abandoned-spaceship-dark: mix(#000, $abandoned-spaceship, 20%);
.element {
color: $abandoned-spaceship;
box-shadow: 0 0 0 2px rgba($abandoned-spaceship, 0.35);
}