色名 · #C5A5C7
Tea Towel
Tea Towelは#C5A5C7：rgb(197 165 199)、hsl(296 23% 71%)、oklch(0.761 0.06 324.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Purple mean? → · Tea Towel color name →
#C5A5C7
oklch(0.761 0.06 324.3)
カラー変換
- HEX
- #c5a5c7
- RGB
- rgb(197 165 199)
- HSL
- hsl(296 23% 71%)
- HWB
- hwb(296 65% 22%)
- OKLCH
- oklch(0.761 0.06 324.3)
- OKLab
- oklab(0.761 0.048 -0.035)
- CIE Lab
- lab(71.46 16.54 -12.87)
- LCH
- lch(71.46 20.96 322.1)
- CMYK
- cmyk(1% 17% 0% 22%)
ティント · シェード · トーン
ティント
- CBAECD
- D1B7D2
- D6BFD8
- DCC8DD
- E2D1E3
- E8DAE9
- EEE3EE
- F3EDF4
- F9F6F9
シェード
- AB8FAD
- 927993
- 79657A
- 615162
- 4B3D4C
- 352B36
- 211A21
- 0E0A0E
- 020102
トーン
- BEA1C0
- B79EB8
- B09AB1
- A996AA
- A292A3
- 9B8F9C
- 948B95
- 8E878E
- 878487
カラーハーモニー
補色 +180°
- C5A5C7
Tea Towel
- 9BBC9A
≈ Quiet Green
類似色 -30° +30°
- C5A5C7
Tea Towel
- B3ABD4
≈ Purple Hibiscus
- D1A2B4
≈ Raspberry Smoothie
トライアド +120° +240°
- C5A5C7
Tea Towel
- C3AF86
≈ Horned Frog
- 84BDC3
≈ Misty Cold Sea
スプリットコンプリメンタリー +150° +210°
- C5A5C7
Tea Towel
- B0B68B
≈ Sweet Grass
- 8ABEAF
≈ Mild Evergreen
テトラード +90° +180° +270°
- C5A5C7
Tea Towel
- D0A88E
≈ Vienna Beige
- 9BBC9A
≈ Quiet Green
- 8CB8D2
≈ Mountain Main
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.19:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.58:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.58:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--tea-towel: #c5a5c7;
--tea-towel-rgb: 197 165 199;
--tea-towel-oklch: oklch(0.761 0.06 324.3);
}
.element {
color: var(--tea-towel);
background-color: hsl(296 23% 71%);
border-color: oklch(0.761 0.06 324.3);
}Tailwind CSS v4
@theme {
--color-tea-towel: #c5a5c7;
--color-tea-towel-50: #fff0fe;
--color-tea-towel-100: #f3e1f3;
--color-tea-towel-200: #e2cce2;
--color-tea-towel-300: #c8adc8;
--color-tea-towel-400: #b193b2;
--color-tea-towel-500: #9a799d;
--color-tea-towel-600: #826684;
--color-tea-towel-700: #69526a;
--color-tea-towel-800: #4c3c4f;
--color-tea-towel-900: #352937;
--color-tea-towel-950: #201722;
}SCSS
$tea-towel: #c5a5c7;
$tea-towel-rgb: 197, 165, 199;
$tea-towel-light: mix(#fff, $tea-towel, 20%);
$tea-towel-dark: mix(#000, $tea-towel, 20%);
.element {
color: $tea-towel;
box-shadow: 0 0 0 2px rgba($tea-towel, 0.35);
}