色名 · #242933

Sky Captain

Sky Captainは#242933：rgb(36 41 51)、hsl(220 17% 17%)、oklch(0.28 0.02 264.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Gray mean? → · Sky Captain color name →

#242933

oklch(0.28 0.02 264.2)

カラー変換

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%)

ティント · シェード · トーン

ティント

363B45
4A4E57
5E626A
73777E
898C92
A0A2A7
B7B9BD
CED0D2
E6E7E8

シェード

1E222B
181C23
12151C
0C0F14
07090D
040507
020203
000101
000000

トーン

2C313A
353942
3E4149
474A51
505358
595B60
636468
6C6D70
767778

カラーハーモニー

補色 +180°

242933
Sky Captain
2E281E
≈ Maire

類似色 -30° +30°

トライアド +120° +240°

スプリットコンプリメンタリー +150° +210°

テトラード +90° +180° +270°

コントラストとアクセシビリティ

白の上

WCAG 14.58:1 · APCA Lc 101

AAA

黒の上

WCAG 1.43:1 · APCA Lc 0

Fail

最適な文字色: #FFFFFF

WCAG 14.58:1 (AAA) · APCA Lc 101

Contrast pairs

コードスニペット

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);
}

近い色名

Palettes with similar colors

ツールで開く

ピッカーペアコントラストチェッカー Studio JSON API