En yakın adlandırılmış renk · #697588
#697588
En yakın adlandırılmış renk: Abandoned Spaceship
#697588 (rgb(105 117 136), hsl(217 13% 47%), oklch(0.559 0.033 259.6)) en çok Abandoned Spaceship adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#697588
oklch(0.559 0.033 259.6)
Renk dönüşümleri
- HEX
- #697588
- RGB
- rgb(105 117 136)
- HSL
- hsl(217 13% 47%)
- HWB
- hwb(217 41% 47%)
- OKLCH
- oklch(0.559 0.033 259.6)
- OKLab
- oklab(0.559 -0.006 -0.032)
- CIE Lab
- lab(48.75 -1.3 -12.03)
- LCH
- lch(48.75 12.1 263.8)
- CMYK
- cmyk(23% 14% 0% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 778293
- 858F9F
- 949CAA
- A2AAB6
- B1B8C2
- C0C6CE
- D0D4DA
- DFE2E6
- EFF0F3
Koyu tonlar
- 5A6575
- 4C5563
- 3E4652
- 313741
- 242931
- 181C22
- 0C0F13
- 040506
- 000101
Gri tonlar
- 6B7687
- 6E7787
- 707886
- 727985
- 747B84
- 777C83
- 797D83
- 7B7E82
- 7E7F81
Renk uyumları
Tamamlayıcı +180°
- 697588
Abandoned Spaceship
- 7F725F
≈ Handmade
Analog -30° +30°
- 697588
Abandoned Spaceship
- 617884
≈ Tool Blue
- 737187
≈ Stormy Mauve
Üçlü +120° +240°
- 697588
Abandoned Spaceship
- 876D6C
≈ Sandstone Red Grey
- 6A7967
≈ Sage Green Grey
Bölünmüş tamamlayıcı +150° +210°
- 697588
Abandoned Spaceship
- 856F63
≈ Pipe
- 757660
≈ Boardman
Dörtlü +90° +180° +270°
- 697588
Abandoned Spaceship
- 846D77
≈ Velvet Slipper
- 7F725F
≈ Handmade
- 627B71
≈ Forest Edge
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.66:1 · APCA Lc 72
Ag
AASiyah üzerinde
WCAG 4.50:1 · APCA Lc 29
En iyi metin rengi: #FFFFFF
WCAG 4.66:1 (AA) · APCA Lc 72
Contrast pairs
Kod parçacıkları
CSS
:root {
--abandoned-spaceship: #697588;
--abandoned-spaceship-rgb: 105 117 136;
--abandoned-spaceship-oklch: oklch(0.559 0.033 259.6);
}
.element {
color: var(--abandoned-spaceship);
background-color: hsl(217 13% 47%);
border-color: oklch(0.559 0.033 259.6);
}Tailwind CSS v4
@theme {
--color-abandoned-spaceship: #697588;
--color-abandoned-spaceship-50: #f0f5ff;
--color-abandoned-spaceship-100: #e2e8f3;
--color-abandoned-spaceship-200: #cdd5e3;
--color-abandoned-spaceship-300: #aeb8c9;
--color-abandoned-spaceship-400: #939fb2;
--color-abandoned-spaceship-500: #79879c;
--color-abandoned-spaceship-600: #677284;
--color-abandoned-spaceship-700: #525b6a;
--color-abandoned-spaceship-800: #3b434e;
--color-abandoned-spaceship-900: #292e36;
--color-abandoned-spaceship-950: #171b21;
}SCSS
$abandoned-spaceship: #697588;
$abandoned-spaceship-rgb: 105, 117, 136;
$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);
}