이름 색상 · #3E4A54

Club Navy

Club Navy은(는) #3E4A54: rgb(62 74 84), hsl(207 15% 29%), oklch(0.402 0.023 243.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Club Navy color name →

#3E4A54

oklch(0.402 0.023 243.5)

색상 변환

HEX: #3e4a54
RGB: rgb(62 74 84)
HSL: hsl(207 15% 29%)
HWB: hwb(207 24% 67%)
OKLCH: oklch(0.402 0.023 243.5)
OKLab: oklab(0.402 -0.01 -0.02)
CIE Lab: lab(30.68 -3.02 -7.65)
LCH: lch(30.68 8.23 248.4)
CMYK: cmyk(26% 12% 0% 67%)

틴트 · 셰이드 · 톤

틴트

4F5A64
616B73
737C84
868E94
99A0A5
ADB2B7
C1C5C8
D5D8DA
EAEBED

셰이드

353F48
2B353C
232A31
1A2026
12171B
0A0E11
040608
010202
000000

톤

444F58
4B545D
515A61
585F65
5E646A
656A6E
6C6F73
727577
797A7C

색 조화

보색 +180°

3E4A54
Club Navy
51463C
≈ Seaweed Wrap

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 9.08:1 · APCA Lc 91

AAA

검은색 위

WCAG 2.31:1 · APCA Lc 11

Fail

가장 좋은 글자색: #FFFFFF

WCAG 9.08:1 (AAA) · APCA Lc 91

Contrast pairs

코드 스니펫

CSS

:root {
  --club-navy: #3e4a54;
  --club-navy-rgb: 62 74 84;
  --club-navy-oklch: oklch(0.402 0.023 243.5);
}

.element {
  color: var(--club-navy);
  background-color: hsl(207 15% 29%);
  border-color: oklch(0.402 0.023 243.5);
}

Tailwind CSS v4

@theme {
  --color-club-navy: #3e4a54;
  --color-club-navy-50: #f0f6fb;
  --color-club-navy-100: #e2e9ef;
  --color-club-navy-200: #cdd5de;
  --color-club-navy-300: #aeb9c3;
  --color-club-navy-400: #93a0ab;
  --color-club-navy-500: #7a8895;
  --color-club-navy-600: #67737e;
  --color-club-navy-700: #525c65;
  --color-club-navy-800: #3c444a;
  --color-club-navy-900: #292f33;
  --color-club-navy-950: #171b1f;
}

SCSS

$club-navy: #3e4a54;
$club-navy-rgb: 62, 74, 84;
$club-navy-light: mix(#fff, $club-navy, 20%);
$club-navy-dark: mix(#000, $club-navy, 20%);

.element {
  color: $club-navy;
  box-shadow: 0 0 0 2px rgba($club-navy, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API