色名 · #C3A79A
Taupe Tapestry
Taupe Tapestryは#C3A79A：rgb(195 167 154)、hsl(19 25% 68%)、oklch(0.749 0.038 46.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Orange mean? → · Taupe Tapestry color name →
#C3A79A
oklch(0.749 0.038 46.4)
カラー変換
- HEX
- #c3a79a
- RGB
- rgb(195 167 154)
- HSL
- hsl(19 25% 68%)
- HWB
- hwb(19 60% 24%)
- OKLCH
- oklch(0.749 0.038 46.4)
- OKLab
- oklab(0.749 0.026 0.027)
- CIE Lab
- lab(70.74 9.03 10.73)
- LCH
- lch(70.74 14.03 49.9)
- CMYK
- cmyk(0% 14% 21% 24%)
ティント · シェード · トーン
ティント
- C9B0A4
- CFB8AE
- D5C1B7
- DBCAC1
- E1D2CC
- E7DBD6
- EDE4E0
- F3EDEA
- F9F6F5
シェード
- A99185
- 907B71
- 78665E
- 60524B
- 4A3E39
- 342C27
- 201A17
- 0E0A09
- 020101
トーン
- BCA397
- B59F95
- AF9B92
- A89790
- A1938D
- 9A8F8A
- 948C88
- 8D8885
- 878483
カラーハーモニー
補色 +180°
- C3A79A
Taupe Tapestry
- 95B3C0
≈ Respite
類似色 -30° +30°
- C3A79A
Taupe Tapestry
- C5A5A5
≈ Pale Mauve
- BCAB94
≈ Portico
トライアド +120° +240°
- C3A79A
Taupe Tapestry
- 98B6A8
≈ Nile River
- ABABC5
≈ Cosmic Sky
スプリットコンプリメンタリー +150° +210°
- C3A79A
Taupe Tapestry
- 93B6B6
≈ Baroque Blue
- 9FAFC6
≈ Poetry Reading
テトラード +90° +180° +270°
- C3A79A
Taupe Tapestry
- A3B49C
≈ Banksia
- 95B3C0
≈ Respite
- B8A7BE
≈ Velour
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.25:1 · APCA Lc 44
Ag
AAA黒の上
WCAG 9.31:1 · APCA Lc 58
最適な文字色: #000000
WCAG 9.31:1 (AAA) · APCA Lc 58
Contrast pairs
コードスニペット
CSS
:root {
--taupe-tapestry: #c3a79a;
--taupe-tapestry-rgb: 195 167 154;
--taupe-tapestry-oklch: oklch(0.749 0.038 46.4);
}
.element {
color: var(--taupe-tapestry);
background-color: hsl(19 25% 68%);
border-color: oklch(0.749 0.038 46.4);
}Tailwind CSS v4
@theme {
--color-taupe-tapestry: #c3a79a;
--color-taupe-tapestry-50: #fff2ec;
--color-taupe-tapestry-100: #f3e4dd;
--color-taupe-tapestry-200: #e3d0c7;
--color-taupe-tapestry-300: #c8b2a7;
--color-taupe-tapestry-400: #b2988c;
--color-taupe-tapestry-500: #9c7f71;
--color-taupe-tapestry-600: #846b60;
--color-taupe-tapestry-700: #6a564d;
--color-taupe-tapestry-800: #4e3e38;
--color-taupe-tapestry-900: #362b26;
--color-taupe-tapestry-950: #211815;
}SCSS
$taupe-tapestry: #c3a79a;
$taupe-tapestry-rgb: 195, 167, 154;
$taupe-tapestry-light: mix(#fff, $taupe-tapestry, 20%);
$taupe-tapestry-dark: mix(#000, $taupe-tapestry, 20%);
.element {
color: $taupe-tapestry;
box-shadow: 0 0 0 2px rgba($taupe-tapestry, 0.35);
}