이름 색상 · #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