Couleur nommée la plus proche · #6E7784
#6E7784
Couleur nommée la plus proche: Abandoned Spaceship
#6E7784 (rgb(110 119 132), hsl(215 9% 47%), oklch(0.566 0.023 257.5)) est la plus proche de la couleur nommée Abandoned Spaceship. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#6E7784
oklch(0.566 0.023 257.5)
Conversions de couleur
- HEX
- #6e7784
- RGB
- rgb(110 119 132)
- HSL
- hsl(215 9% 47%)
- HWB
- hwb(215 43% 48%)
- OKLCH
- oklch(0.566 0.023 257.5)
- OKLab
- oklab(0.566 -0.005 -0.022)
- CIE Lab
- lab(49.61 -1.31 -8.35)
- LCH
- lch(49.61 8.45 261.1)
- CMYK
- cmyk(17% 10% 0% 48%)
Teintes · Ombres · Tons
Teintes
- 7B8490
- 89919B
- 979EA7
- A5ABB4
- B4B9C0
- C2C6CC
- D1D4D9
- E0E2E5
- F0F1F2
Ombres
- 5F6772
- 505760
- 41474F
- 33383F
- 262A2F
- 191C20
- 0E1012
- 040506
- 010101
Tons
- 707884
- 727983
- 737A83
- 757B82
- 777C82
- 797C82
- 7B7D81
- 7C7E81
- 7E7F80
Harmonies de couleurs
Complémentaire +180°
- 6E7784
Abandoned Spaceship
- 7E7568
≈ Hammered Pewter
Analogue -30° +30°
- 6E7784
Abandoned Spaceship
- 697981
≈ Night Rendezvous
- 757483
≈ Purple Funk
Triadique +120° +240°
- 6E7784
Abandoned Spaceship
- 837171
≈ Noble Robe
- 707A6D
≈ Boxwood
Complémentaire divisée +150° +210°
- 6E7784
Abandoned Spaceship
- 82736B
≈ Tattletail
- 777768
≈ Crooked River
Tétradique +90° +180° +270°
- 6E7784
Abandoned Spaceship
- 817179
≈ Lively Lavender
- 7E7568
≈ Hammered Pewter
- 6A7B73
≈ Cypress Garden
Contraste et accessibilité
Ag
AASur blanc
WCAG 4.53:1 · APCA Lc 71
Ag
AASur noir
WCAG 4.63:1 · APCA Lc 30
Meilleure couleur de texte: #000000
WCAG 4.63:1 (AA) · APCA Lc 30
Contrast pairs
Extraits de code
CSS
:root {
--abandoned-spaceship: #6e7784;
--abandoned-spaceship-rgb: 110 119 132;
--abandoned-spaceship-oklch: oklch(0.566 0.023 257.5);
}
.element {
color: var(--abandoned-spaceship);
background-color: hsl(215 9% 47%);
border-color: oklch(0.566 0.023 257.5);
}Tailwind CSS v4
@theme {
--color-abandoned-spaceship: #6e7784;
--color-abandoned-spaceship-50: #f1f5fc;
--color-abandoned-spaceship-100: #e3e8f0;
--color-abandoned-spaceship-200: #cfd5de;
--color-abandoned-spaceship-300: #b1b8c3;
--color-abandoned-spaceship-400: #969fac;
--color-abandoned-spaceship-500: #7d8796;
--color-abandoned-spaceship-600: #6a727f;
--color-abandoned-spaceship-700: #545b65;
--color-abandoned-spaceship-800: #3d434a;
--color-abandoned-spaceship-900: #2a2e34;
--color-abandoned-spaceship-950: #181b1f;
}SCSS
$abandoned-spaceship: #6e7784;
$abandoned-spaceship-rgb: 110, 119, 132;
$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);
}