色名 · #A5B2C7
Silk Sox
Silk Soxは#A5B2C7：rgb(165 178 199)、hsl(217 23% 71%)、oklch(0.76 0.033 260)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Silk Sox color name →
#A5B2C7
oklch(0.76 0.033 260)
カラー変換
- HEX
- #a5b2c7
- RGB
- rgb(165 178 199)
- HSL
- hsl(217 23% 71%)
- HWB
- hwb(217 65% 22%)
- OKLCH
- oklch(0.76 0.033 260)
- OKLab
- oklab(0.76 -0.006 -0.033)
- CIE Lab
- lab(72.06 -1.39 -12.33)
- LCH
- lch(72.06 12.41 263.6)
- CMYK
- cmyk(17% 11% 0% 22%)
ティント · シェード · トーン
ティント
- AEB9CD
- B6C1D2
- BFC9D8
- C8D0DD
- D1D8E3
- DAE0E8
- E3E7EE
- ECEFF4
- F6F7F9
シェード
- 8F9AAD
- 798393
- 656D7A
- 515762
- 3D434C
- 2B2F36
- 1A1D21
- 0A0C0E
- 010102
トーン
- A1ADC0
- 9EA8B8
- 9AA3B1
- 969EAA
- 9299A3
- 8F949C
- 8B8F95
- 878A8E
- 848587
カラーハーモニー
補色 +180°
- A5B2C7
Silk Sox
- BDAF9A
≈ Townhouse Taupe
類似色 -30° +30°
- A5B2C7
Silk Sox
- 9CB6C3
≈ Peaceful Blue
- B0AEC6
≈ Purple Freedom
トライアド +120° +240°
- A5B2C7
Silk Sox
- C6A9A8
≈ Lovebug
- A6B7A3
≈ Bamboo Shoot
スプリットコンプリメンタリー +150° +210°
- A5B2C7
Silk Sox
- C4AC9F
≈ Floral Arrangement
- B2B39B
≈ Alfalfa
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.14:1 · APCA Lc 42
Ag
AAA黒の上
WCAG 9.79:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.79:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--silk-sox: #a5b2c7;
--silk-sox-rgb: 165 178 199;
--silk-sox-oklch: oklch(0.76 0.033 260);
}
.element {
color: var(--silk-sox);
background-color: hsl(217 23% 71%);
border-color: oklch(0.76 0.033 260);
}Tailwind CSS v4
@theme {
--color-silk-sox: #a5b2c7;
--color-silk-sox-50: #f0f5ff;
--color-silk-sox-100: #e2e8f3;
--color-silk-sox-200: #cdd5e3;
--color-silk-sox-300: #aeb8c9;
--color-silk-sox-400: #939fb3;
--color-silk-sox-500: #79879d;
--color-silk-sox-600: #677285;
--color-silk-sox-700: #525b6a;
--color-silk-sox-800: #3b434e;
--color-silk-sox-900: #292e36;
--color-silk-sox-950: #171b21;
}SCSS
$silk-sox: #a5b2c7;
$silk-sox-rgb: 165, 178, 199;
$silk-sox-light: mix(#fff, $silk-sox, 20%);
$silk-sox-dark: mix(#000, $silk-sox, 20%);
.element {
color: $silk-sox;
box-shadow: 0 0 0 2px rgba($silk-sox, 0.35);
}