色名 · #B8AE98
True Khaki
True Khakiは#B8AE98：rgb(184 174 152)、hsl(41 18% 66%)、oklch(0.753 0.033 86.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · True Khaki color name →
#B8AE98
oklch(0.753 0.033 86.5)
カラー変換
- HEX
- #b8ae98
- RGB
- rgb(184 174 152)
- HSL
- hsl(41 18% 66%)
- HWB
- hwb(41 60% 28%)
- OKLCH
- oklch(0.753 0.033 86.5)
- OKLab
- oklab(0.753 0.002 0.033)
- CIE Lab
- lab(71.49 0.96 12.7)
- LCH
- lch(71.49 12.73 85.7)
- CMYK
- cmyk(0% 5% 17% 28%)
ティント · シェード · トーン
ティント
- BFB6A2
- C6BEAC
- CDC6B6
- D4CEC0
- DBD6CB
- E2DED5
- E9E6DF
- F0EEEA
- F8F7F4
シェード
- A09784
- 888070
- 716A5C
- 5B554A
- 454138
- 312E27
- 1E1C17
- 0C0B08
- 020101
トーン
- B2A996
- ADA593
- A7A091
- A19B8F
- 9C978C
- 96928A
- 908E87
- 8B8985
- 858582
カラーハーモニー
補色 +180°
- B8AE98
True Khaki
- A5AFC4
≈ Innuendo
類似色 -30° +30°
- B8AE98
True Khaki
- C0AA9B
≈ Western Sandstone
- ADB29B
≈ Gargoyle
トライアド +120° +240°
- B8AE98
True Khaki
- 98B5B9
≈ Powder Mill
- BAA8BA
≈ Soft Heather
スプリットコンプリメンタリー +150° +210°
- B8AE98
True Khaki
- 9CB3C1
≈ Faded Flaxflower
- B0ABC2
≈ Wisteria Trellis
テトラード +90° +180° +270°
- B8AE98
True Khaki
- 9AB6AE
≈ Tropical Bay
- A5AFC4
≈ Innuendo
- C1A7AF
≈ Violet Ice
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.19:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.54:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.54:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--true-khaki: #b8ae98;
--true-khaki-rgb: 184 174 152;
--true-khaki-oklch: oklch(0.753 0.033 86.5);
}
.element {
color: var(--true-khaki);
background-color: hsl(41 18% 66%);
border-color: oklch(0.753 0.033 86.5);
}Tailwind CSS v4
@theme {
--color-true-khaki: #b8ae98;
--color-true-khaki-50: #f9f5eb;
--color-true-khaki-100: #ece8dc;
--color-true-khaki-200: #dad4c5;
--color-true-khaki-300: #beb7a5;
--color-true-khaki-400: #a79e89;
--color-true-khaki-500: #90856e;
--color-true-khaki-600: #7a715d;
--color-true-khaki-700: #615a4a;
--color-true-khaki-800: #484236;
--color-true-khaki-900: #322d25;
--color-true-khaki-950: #1e1a13;
}SCSS
$true-khaki: #b8ae98;
$true-khaki-rgb: 184, 174, 152;
$true-khaki-light: mix(#fff, $true-khaki, 20%);
$true-khaki-dark: mix(#000, $true-khaki, 20%);
.element {
color: $true-khaki;
box-shadow: 0 0 0 2px rgba($true-khaki, 0.35);
}