色名 · #BE9C67

Tiger

Tigerは#BE9C67：rgb(190 156 103)、hsl(37 40% 57%)、oklch(0.712 0.081 78)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。

What does Orange mean? → · Tiger color name →

#BE9C67

oklch(0.712 0.081 78)

カラー変換

HEX: #be9c67
RGB: rgb(190 156 103)
HSL: hsl(37 40% 57%)
HWB: hwb(37 40% 25%)
OKLCH: oklch(0.712 0.081 78)
OKLab: oklab(0.712 0.017 0.079)
CIE Lab: lab(66.61 7.92 32.68)
LCH: lch(66.61 33.63 76.4)
CMYK: cmyk(0% 18% 46% 25%)

ティント · シェード · トーン

ティント

C5A676
CBAF85
D2B995
D8C3A4
DFCDB3
E5D7C2
ECE1D1
F2EBE0
F9F5F0

シェード

A58759
8C734B
755F3D
5E4C30
483923
332817
1F180C
0D0904
020100

トーン

B8996A
B1976D
AB9470
A59173
9F8E75
998B78
92897A
8C867C
86837E

カラーハーモニー

補色 +180°

BE9C67
Tiger
83A4D5
≈ Wisteria Blue

類似色 -30° +30°

トライアド +120° +240°

スプリットコンプリメンタリー +150° +210°

テトラード +90° +180° +270°

コントラストとアクセシビリティ

白の上

WCAG 2.57:1 · APCA Lc 50

Fail

黒の上

WCAG 8.14:1 · APCA Lc 52

AAA

最適な文字色: #000000

WCAG 8.14:1 (AAA) · APCA Lc 52

Contrast pairs

コードスニペット

CSS

:root {
  --tiger: #be9c67;
  --tiger-rgb: 190 156 103;
  --tiger-oklch: oklch(0.712 0.081 78);
}

.element {
  color: var(--tiger);
  background-color: hsl(37 40% 57%);
  border-color: oklch(0.712 0.081 78);
}

Tailwind CSS v4

@theme {
  --color-tiger: #be9c67;
  --color-tiger-50: #fff3dc;
  --color-tiger-100: #f6e6ca;
  --color-tiger-200: #e7d1ae;
  --color-tiger-300: #cdb388;
  --color-tiger-400: #b99967;
  --color-tiger-500: #a47f44;
  --color-tiger-600: #8a6c3b;
  --color-tiger-700: #6f562f;
  --color-tiger-800: #523e21;
  --color-tiger-900: #392b15;
  --color-tiger-950: #241807;
}

SCSS

$tiger: #be9c67;
$tiger-rgb: 190, 156, 103;
$tiger-light: mix(#fff, $tiger, 20%);
$tiger-dark: mix(#000, $tiger, 20%);

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

近い色名

Palettes with similar colors

ツールで開く

ピッカーペアコントラストチェッカー Studio JSON API