色名 · #B8B5A1
Tana
Tanaは#B8B5A1：rgb(184 181 161)、hsl(52 14% 68%)、oklch(0.77 0.028 100)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Tana color name →
#B8B5A1
oklch(0.77 0.028 100)
カラー変換
- HEX
- #b8b5a1
- RGB
- rgb(184 181 161)
- HSL
- hsl(52 14% 68%)
- HWB
- hwb(52 63% 28%)
- OKLCH
- oklch(0.77 0.028 100)
- OKLab
- oklab(0.77 -0.005 0.027)
- CIE Lab
- lab(73.51 -1.49 10.64)
- LCH
- lch(73.51 10.74 98)
- CMYK
- cmyk(0% 2% 13% 28%)
ティント · シェード · トーン
ティント
- BFBCAA
- C6C3B3
- CDCBBD
- D4D2C6
- DBD9CF
- E2E1D9
- E9E8E2
- F0F0EC
- F8F7F5
シェード
- A09D8B
- 888676
- 716F62
- 5B594E
- 45443C
- 31302A
- 1E1D19
- 0C0C09
- 020201
トーン
- B2B09E
- ACAA9A
- A7A597
- A19F94
- 9C9A90
- 96958D
- 90908A
- 8B8A87
- 858583
カラーハーモニー
補色 +180°
- B8B5A1
Tana
- B0B3C6
≈ Filtered Light
類似色 -30° +30°
トライアド +120° +240°
- B8B5A1
Tana
- A2B9C1
≈ Sterling Blue
- C1AEBA
≈ Mischief
スプリットコンプリメンタリー +150° +210°
- B8B5A1
Tana
- A7B6C6
≈ Paris Grey
- BAB0C2
≈ Courtly Purple
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.06:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.16:1 · APCA Lc 62
最適な文字色: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
コードスニペット
CSS
:root {
--tana: #b8b5a1;
--tana-rgb: 184 181 161;
--tana-oklch: oklch(0.77 0.028 100);
}
.element {
color: var(--tana);
background-color: hsl(52 14% 68%);
border-color: oklch(0.77 0.028 100);
}Tailwind CSS v4
@theme {
--color-tana: #b8b5a1;
--color-tana-50: #f6f6ed;
--color-tana-100: #e9e8de;
--color-tana-200: #d6d5c8;
--color-tana-300: #bab8a8;
--color-tana-400: #a29f8d;
--color-tana-500: #8a8772;
--color-tana-600: #757261;
--color-tana-700: #5d5b4d;
--color-tana-800: #454338;
--color-tana-900: #302e26;
--color-tana-950: #1c1b14;
}SCSS
$tana: #b8b5a1;
$tana-rgb: 184, 181, 161;
$tana-light: mix(#fff, $tana, 20%);
$tana-dark: mix(#000, $tana, 20%);
.element {
color: $tana;
box-shadow: 0 0 0 2px rgba($tana, 0.35);
}