色名 · #AC9E97
Truly Taupe
Truly Taupeは#AC9E97：rgb(172 158 151)、hsl(20 11% 63%)、oklch(0.709 0.019 48.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Truly Taupe color name →
#AC9E97
oklch(0.709 0.019 48.4)
カラー変換
- HEX
- #ac9e97
- RGB
- rgb(172 158 151)
- HSL
- hsl(20 11% 63%)
- HWB
- hwb(20 59% 33%)
- OKLCH
- oklch(0.709 0.019 48.4)
- OKLab
- oklab(0.709 0.013 0.014)
- CIE Lab
- lab(66.19 4.39 5.62)
- LCH
- lch(66.19 7.13 52)
- CMYK
- cmyk(0% 8% 12% 33%)
ティント · シェード · トーン
ティント
- B4A7A1
- BCB1AB
- C4BAB5
- CDC4BF
- D5CDCA
- DDD7D4
- E6E1DF
- EEEBE9
- F6F5F4
シェード
- 958983
- 7F746F
- 69605C
- 544D49
- 403A37
- 2D2926
- 1B1817
- 0B0908
- 010101
トーン
- A89B95
- A39892
- 9F9590
- 9A928E
- 968F8B
- 918C89
- 8D8987
- 898685
- 848382
カラーハーモニー
補色 +180°
- AC9E97
Truly Taupe
- 95A4AB
≈ Dusty Sky
類似色 -30° +30°
- AC9E97
Truly Taupe
- AD9D9D
≈ Stellar Mist
- A8A094
≈ Intellectual Grey
トライアド +120° +240°
- AC9E97
Truly Taupe
- 96A59F
≈ Farmers Green
- A0A0AD
≈ Amethyst Haze
スプリットコンプリメンタリー +150° +210°
- AC9E97
Truly Taupe
- 94A5A6
≈ Dusty Sky
- 9AA2AE
≈ Rough Stone
テトラード +90° +180° +270°
- AC9E97
Truly Taupe
- 9BA499
≈ Nature’s Gift
- 95A4AB
≈ Dusty Sky
- A79EA9
≈ Goose Wing Grey
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.59:1 · APCA Lc 51
Ag
AAA黒の上
WCAG 8.09:1 · APCA Lc 51
最適な文字色: #000000
WCAG 8.09:1 (AAA) · APCA Lc 51
Contrast pairs
コードスニペット
CSS
:root {
--truly-taupe: #ac9e97;
--truly-taupe-rgb: 172 158 151;
--truly-taupe-oklch: oklch(0.709 0.019 48.4);
}
.element {
color: var(--truly-taupe);
background-color: hsl(20 11% 63%);
border-color: oklch(0.709 0.019 48.4);
}Tailwind CSS v4
@theme {
--color-truly-taupe: #ac9e97;
--color-truly-taupe-50: #faf4f0;
--color-truly-taupe-100: #eee6e2;
--color-truly-taupe-200: #dbd2cd;
--color-truly-taupe-300: #c0b5af;
--color-truly-taupe-400: #a99b95;
--color-truly-taupe-500: #92837b;
--color-truly-taupe-600: #7b6f68;
--color-truly-taupe-700: #625853;
--color-truly-taupe-800: #48403d;
--color-truly-taupe-900: #322c2a;
--color-truly-taupe-950: #1e1917;
}SCSS
$truly-taupe: #ac9e97;
$truly-taupe-rgb: 172, 158, 151;
$truly-taupe-light: mix(#fff, $truly-taupe, 20%);
$truly-taupe-dark: mix(#000, $truly-taupe, 20%);
.element {
color: $truly-taupe;
box-shadow: 0 0 0 2px rgba($truly-taupe, 0.35);
}