이름 색상 · #848B99

River Tour

River Tour은(는) #848B99: rgb(132 139 153), hsl(220 9% 56%), oklch(0.636 0.023 264.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · River Tour color name →

#848B99

oklch(0.636 0.023 264.4)

색상 변환

HEX: #848b99
RGB: rgb(132 139 153)
HSL: hsl(220 9% 56%)
HWB: hwb(220 52% 40%)
OKLCH: oklch(0.636 0.023 264.4)
OKLab: oklab(0.636 -0.002 -0.022)
CIE Lab: lab(57.63 -0.42 -8.4)
LCH: lch(57.63 8.41 267.2)
CMYK: cmyk(14% 9% 0% 40%)

틴트 · 셰이드 · 톤

틴트

9096A3
9BA1AD
A7ACB7
B3B8C1
C0C3CB
CCCFD5
D9DBE0
E5E7EA
F2F3F4

셰이드

727884
606670
4F545D
3F434A
2F3238
202327
121417
060708
010101

톤

848A96
838994
838891
82878F
82868C
82848A
818387
818285
808182

색 조화

보색 +180°

848B99
River Tour
918A7C
≈ Art District

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 3.42:1 · APCA Lc 62

Fail

검은색 위

WCAG 6.13:1 · APCA Lc 40

가장 좋은 글자색: #000000

WCAG 6.13:1 (AA) · APCA Lc 40

Contrast pairs

코드 스니펫

CSS

:root {
  --river-tour: #848b99;
  --river-tour-rgb: 132 139 153;
  --river-tour-oklch: oklch(0.636 0.023 264.4);
}

.element {
  color: var(--river-tour);
  background-color: hsl(220 9% 56%);
  border-color: oklch(0.636 0.023 264.4);
}

Tailwind CSS v4

@theme {
  --color-river-tour: #848b99;
  --color-river-tour-50: #f2f5fc;
  --color-river-tour-100: #e4e8f0;
  --color-river-tour-200: #d0d4de;
  --color-river-tour-300: #b2b7c3;
  --color-river-tour-400: #989fac;
  --color-river-tour-500: #7f8696;
  --color-river-tour-600: #6b727f;
  --color-river-tour-700: #565b65;
  --color-river-tour-800: #3e434a;
  --color-river-tour-900: #2b2e34;
  --color-river-tour-950: #181b1f;
}

SCSS

$river-tour: #848b99;
$river-tour-rgb: 132, 139, 153;
$river-tour-light: mix(#fff, $river-tour, 20%);
$river-tour-dark: mix(#000, $river-tour, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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