Colore con nome · #242933
Sky Captain
Sky Captain è #242933: rgb(36 41 51), hsl(220 17% 17%), oklch(0.28 0.02 264.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sky Captain color name →
#242933
oklch(0.28 0.02 264.2)
Conversioni di colore
- HEX
- #242933
- RGB
- rgb(36 41 51)
- HSL
- hsl(220 17% 17%)
- HWB
- hwb(220 14% 80%)
- OKLCH
- oklch(0.28 0.02 264.2)
- OKLab
- oklab(0.28 -0.002 -0.02)
- CIE Lab
- lab(16.42 -0.17 -7.31)
- LCH
- lch(16.42 7.31 268.6)
- CMYK
- cmyk(29% 20% 0% 80%)
Tinte · Ombre · Toni
Tinte
- 363B45
- 4A4E57
- 5E626A
- 73777E
- 898C92
- A0A2A7
- B7B9BD
- CED0D2
- E6E7E8
Ombre
- 1E222B
- 181C23
- 12151C
- 0C0F14
- 07090D
- 040507
- 020203
- 000101
- 000000
Toni
- 2C313A
- 353942
- 3E4149
- 474A51
- 505358
- 595B60
- 636468
- 6C6D70
- 767778
Armonie di colore
Complementare +180°
- 242933
Sky Captain
- 2E281E
≈ Maire
Analogo -30° +30°
- 242933
Sky Captain
- 1F2B31
≈ Cinder
- 292732
≈ Sky Captain
Triadico +120° +240°
- 242933
Sky Captain
- 322524
≈ Wood Bark
- 232C23
≈ Quartzite
Complementare divisa +150° +210°
- 242933
Sky Captain
- 312620
≈ Wood Bark
- 292A1F
≈ Maire
Tetradico +90° +180° +270°
- 242933
Sky Captain
- 31252A
≈ Smoky Charcoal
- 2E281E
≈ Maire
- 1F2C28
≈ Charleston Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 14.58:1 · APCA Lc 101
Ag
FailSu nero
WCAG 1.43:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 14.58:1 (AAA) · APCA Lc 101
Contrast pairs
Frammenti di codice
CSS
:root {
--sky-captain: #242933;
--sky-captain-rgb: 36 41 51;
--sky-captain-oklch: oklch(0.28 0.02 264.2);
}
.element {
color: var(--sky-captain);
background-color: hsl(220 17% 17%);
border-color: oklch(0.28 0.02 264.2);
}Tailwind CSS v4
@theme {
--color-sky-captain: #242933;
--color-sky-captain-50: #f2f5fb;
--color-sky-captain-100: #e5e8ef;
--color-sky-captain-200: #d0d4dd;
--color-sky-captain-300: #b3b7c2;
--color-sky-captain-400: #989fab;
--color-sky-captain-500: #808694;
--color-sky-captain-600: #6c727d;
--color-sky-captain-700: #565b64;
--color-sky-captain-800: #3f4349;
--color-sky-captain-900: #2b2e33;
--color-sky-captain-950: #181b1f;
}SCSS
$sky-captain: #242933;
$sky-captain-rgb: 36, 41, 51;
$sky-captain-light: mix(#fff, $sky-captain, 20%);
$sky-captain-dark: mix(#000, $sky-captain, 20%);
.element {
color: $sky-captain;
box-shadow: 0 0 0 2px rgba($sky-captain, 0.35);
}