Colore con nome più vicino · #6C748A
#6C748A
Colore con nome più vicino: Abandoned Spaceship
#6C748A (rgb(108 116 138), hsl(224 12% 48%), oklch(0.56 0.035 269.5)) è più vicino al colore con nome Abandoned Spaceship. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#6C748A
oklch(0.56 0.035 269.5)
Conversioni di colore
- HEX
- #6c748a
- RGB
- rgb(108 116 138)
- HSL
- hsl(224 12% 48%)
- HWB
- hwb(224 42% 46%)
- OKLCH
- oklch(0.56 0.035 269.5)
- OKLab
- oklab(0.56 0 -0.035)
- CIE Lab
- lab(48.76 0.7 -13.16)
- LCH
- lch(48.76 13.18 273)
- CMYK
- cmyk(22% 16% 0% 46%)
Tinte · Ombre · Toni
Tinte
- 7A8195
- 878EA1
- 969CAC
- A4A9B8
- B3B7C3
- C2C5CF
- D1D3DB
- E0E2E7
- EFF0F3
Ombre
- 5D6477
- 4E5465
- 404553
- 323742
- 252932
- 191B22
- 0D0F14
- 040507
- 000101
Toni
- 6E7589
- 707688
- 727887
- 747986
- 767A85
- 787B84
- 7A7C83
- 7C7E82
- 7E7F81
Armonie di colore
Complementare +180°
- 6C748A
Abandoned Spaceship
- 7D745D
≈ Messenger Bag
Analogo -30° +30°
- 6C748A
Abandoned Spaceship
- 627888
≈ Space Convoy
- 777087
≈ Early Dawn
Triadico +120° +240°
- 6C748A
Abandoned Spaceship
- 886D68
≈ Eclectic Plum
- 667B69
≈ Cricket Green
Complementare divisa +150° +210°
- 6C748A
Abandoned Spaceship
- 857060
≈ Whiskey Barrel
- 727861
≈ Deep Lichen Green
Tetradico +90° +180° +270°
- 6C748A
Abandoned Spaceship
- 876C74
≈ Velvet Slipper
- 7D745D
≈ Messenger Bag
- 5E7C75
≈ Forest Edge
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.66:1 · APCA Lc 72
Ag
AASu nero
WCAG 4.50:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Frammenti di codice
CSS
:root {
--abandoned-spaceship: #6c748a;
--abandoned-spaceship-rgb: 108 116 138;
--abandoned-spaceship-oklch: oklch(0.56 0.035 269.5);
}
.element {
color: var(--abandoned-spaceship);
background-color: hsl(224 12% 48%);
border-color: oklch(0.56 0.035 269.5);
}Tailwind CSS v4
@theme {
--color-abandoned-spaceship: #6c748a;
--color-abandoned-spaceship-50: #f1f5ff;
--color-abandoned-spaceship-100: #e3e7f4;
--color-abandoned-spaceship-200: #ced4e4;
--color-abandoned-spaceship-300: #b1b7ca;
--color-abandoned-spaceship-400: #969eb4;
--color-abandoned-spaceship-500: #7d869e;
--color-abandoned-spaceship-600: #697186;
--color-abandoned-spaceship-700: #545a6b;
--color-abandoned-spaceship-800: #3d424f;
--color-abandoned-spaceship-900: #2a2e37;
--color-abandoned-spaceship-950: #171a22;
}SCSS
$abandoned-spaceship: #6c748a;
$abandoned-spaceship-rgb: 108, 116, 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);
}