이름 색상 · #473430

Pawn Broker

Pawn Broker은(는) #473430: rgb(71 52 48), hsl(10 19% 23%), oklch(0.345 0.029 32.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Pawn Broker color name →

#473430

oklch(0.345 0.029 32.1)

색상 변환

HEX: #473430
RGB: rgb(71 52 48)
HSL: hsl(10 19% 23%)
HWB: hwb(10 19% 72%)
OKLCH: oklch(0.345 0.029 32.1)
OKLab: oklab(0.345 0.024 0.015)
CIE Lab: lab(23.81 8.32 6.03)
LCH: lch(23.81 10.27 35.9)
CMYK: cmyk(0% 27% 32% 72%)

틴트 · 셰이드 · 톤

틴트

584642
695855
7A6B68
8C7F7C
9F9391
B1A8A6
C4BDBB
D8D3D1
EBE9E8

셰이드

3D2C28
322421
281C1A
1F1513
160E0C
0D0706
060303
020101
000000

톤

4D3B37
52423F
584A47
5E514F
635957
69605F
6F6867
74706F
7A7877

색 조화

보색 +180°

473430
Pawn Broker
283D42
≈ Cool Current

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 11.65:1 · APCA Lc 97

AAA

검은색 위

WCAG 1.80:1 · APCA Lc 0

Fail

가장 좋은 글자색: #FFFFFF

WCAG 11.65:1 (AAA) · APCA Lc 97

Contrast pairs

코드 스니펫

CSS

:root {
  --pawn-broker: #473430;
  --pawn-broker-rgb: 71 52 48;
  --pawn-broker-oklch: oklch(0.345 0.029 32.1);
}

.element {
  color: var(--pawn-broker);
  background-color: hsl(10 19% 23%);
  border-color: oklch(0.345 0.029 32.1);
}

Tailwind CSS v4

@theme {
  --color-pawn-broker: #473430;
  --color-pawn-broker-50: #fdf2f0;
  --color-pawn-broker-100: #f1e5e2;
  --color-pawn-broker-200: #e0d0cc;
  --color-pawn-broker-300: #c5b3ae;
  --color-pawn-broker-400: #af9994;
  --color-pawn-broker-500: #98807a;
  --color-pawn-broker-600: #816c68;
  --color-pawn-broker-700: #675653;
  --color-pawn-broker-800: #4c3f3d;
  --color-pawn-broker-900: #352b2a;
  --color-pawn-broker-950: #201917;
}

SCSS

$pawn-broker: #473430;
$pawn-broker-rgb: 71, 52, 48;
$pawn-broker-light: mix(#fff, $pawn-broker, 20%);
$pawn-broker-dark: mix(#000, $pawn-broker, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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