이름 색상 · #586766

Brooklyn

Brooklyn은(는) #586766: rgb(88 103 102), hsl(176 8% 37%), oklch(0.501 0.018 191.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Brooklyn color name →

#586766

oklch(0.501 0.018 191.7)

색상 변환

HEX: #586766
RGB: rgb(88 103 102)
HSL: hsl(176 8% 37%)
HWB: hwb(176 35% 60%)
OKLCH: oklch(0.501 0.018 191.7)
OKLab: oklab(0.501 -0.018 -0.004)
CIE Lab: lab(42.31 -6.07 -1.46)
LCH: lch(42.31 6.24 193.5)
CMYK: cmyk(15% 0% 1% 60%)

틴트 · 셰이드 · 톤

틴트

677574
778382
879291
97A1A0
A8B0AF
B9BFBF
CACFCF
DBDFDE
EDEFEF

셰이드

4B5958
3F4B4A
333D3C
28302F
1D2323
121717
090C0C
030404
000000

톤

5C6969
606C6B
646E6E
687170
6C7373
707675
747878
787B7B
7C7D7D

색 조화

보색 +180°

586766
Brooklyn
6E5F61
≈ Duomo

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 5.92:1 · APCA Lc 80

검은색 위

WCAG 3.54:1 · APCA Lc 22

Fail

가장 좋은 글자색: #FFFFFF

WCAG 5.92:1 (AA) · APCA Lc 80

Contrast pairs

코드 스니펫

CSS

:root {
  --brooklyn: #586766;
  --brooklyn-rgb: 88 103 102;
  --brooklyn-oklch: oklch(0.501 0.018 191.7);
}

.element {
  color: var(--brooklyn);
  background-color: hsl(176 8% 37%);
  border-color: oklch(0.501 0.018 191.7);
}

Tailwind CSS v4

@theme {
  --color-brooklyn: #586766;
  --color-brooklyn-50: #eff7f6;
  --color-brooklyn-100: #e1eae9;
  --color-brooklyn-200: #ccd7d6;
  --color-brooklyn-300: #adbaba;
  --color-brooklyn-400: #93a2a1;
  --color-brooklyn-500: #798a89;
  --color-brooklyn-600: #667574;
  --color-brooklyn-700: #525e5d;
  --color-brooklyn-800: #3b4444;
  --color-brooklyn-900: #292f2f;
  --color-brooklyn-950: #171c1b;
}

SCSS

$brooklyn: #586766;
$brooklyn-rgb: 88, 103, 102;
$brooklyn-light: mix(#fff, $brooklyn, 20%);
$brooklyn-dark: mix(#000, $brooklyn, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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