色名 · #BA8C64
Tatami Tan
Tatami Tanは#BA8C64：rgb(186 140 100)、hsl(28 38% 56%)、oklch(0.675 0.078 61.9)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Tatami Tan color name →
#BA8C64
oklch(0.675 0.078 61.9)
カラー変換
- HEX
- #ba8c64
- RGB
- rgb(186 140 100)
- HSL
- hsl(28 38% 56%)
- HWB
- hwb(28 39% 27%)
- OKLCH
- oklch(0.675 0.078 61.9)
- OKLab
- oklab(0.675 0.037 0.069)
- CIE Lab
- lab(62.08 14.36 28.49)
- LCH
- lch(62.08 31.9 63.3)
- CMYK
- cmyk(0% 25% 46% 27%)
ティント · シェード · トーン
ティント
- C19773
- C8A282
- CFAE92
- D6B9A1
- DDC5B0
- E4D0C0
- EBDCCF
- F2E7DF
- F8F3EF
シェード
- A17956
- 896748
- 72553B
- 5C432E
- 463322
- 322316
- 1E140B
- 0D0703
- 020100
トーン
- B48B67
- AF8A6B
- A9896E
- A38871
- 9D8773
- 988576
- 928479
- 8C837B
- 86817E
カラーハーモニー
補色 +180°
- BA8C64
Tatami Tan
- 6A9DC3
≈ Cerulean Frost
類似色 -30° +30°
- BA8C64
Tatami Tan
- C28579
≈ Whisky
- A8965D
≈ Mossy Rock
トライアド +120° +240°
- BA8C64
Tatami Tan
- 5BA79A
≈ Dragon Bay
- 9F8CBF
≈ Classic Bouquet
スプリットコンプリメンタリー +150° +210°
- BA8C64
Tatami Tan
- 58A4B3
≈ Explorer Blue
- 8694C8
≈ Blue Hyacinth
テトラード +90° +180° +270°
- BA8C64
Tatami Tan
- 72A57F
≈ Primavera
- 6A9DC3
≈ Cerulean Frost
- B485AC
≈ Opera Mauve
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.99:1 · APCA Lc 56
Ag
AAA黒の上
WCAG 7.02:1 · APCA Lc 45
最適な文字色: #000000
WCAG 7.02:1 (AAA) · APCA Lc 45
Contrast pairs
コードスニペット
CSS
:root {
--tatami-tan: #ba8c64;
--tatami-tan-rgb: 186 140 100;
--tatami-tan-oklch: oklch(0.675 0.078 61.9);
}
.element {
color: var(--tatami-tan);
background-color: hsl(28 38% 56%);
border-color: oklch(0.675 0.078 61.9);
}Tailwind CSS v4
@theme {
--color-tatami-tan: #ba8c64;
--color-tatami-tan-50: #fff1df;
--color-tatami-tan-100: #fbe3cd;
--color-tatami-tan-200: #edceb2;
--color-tatami-tan-300: #d4af8e;
--color-tatami-tan-400: #c0946e;
--color-tatami-tan-500: #ac7a4e;
--color-tatami-tan-600: #916843;
--color-tatami-tan-700: #745335;
--color-tatami-tan-800: #563c26;
--color-tatami-tan-900: #3c2919;
--color-tatami-tan-950: #26170a;
}SCSS
$tatami-tan: #ba8c64;
$tatami-tan-rgb: 186, 140, 100;
$tatami-tan-light: mix(#fff, $tatami-tan, 20%);
$tatami-tan-dark: mix(#000, $tatami-tan, 20%);
.element {
color: $tatami-tan;
box-shadow: 0 0 0 2px rgba($tatami-tan, 0.35);
}