色名 · #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