色名 · #82817C
Glen Plaid
Glen Plaidは#82817C：rgb(130 129 124)、hsl(50 2% 50%)、oklch(0.603 0.008 97.4)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Glen Plaid color name →
#82817C
oklch(0.603 0.008 97.4)
カラー変換
- HEX
- #82817c
- RGB
- rgb(130 129 124)
- HSL
- hsl(50 2% 50%)
- HWB
- hwb(50 49% 49%)
- OKLCH
- oklch(0.603 0.008 97.4)
- OKLab
- oklab(0.603 -0.001 0.007)
- CIE Lab
- lab(53.95 -0.33 2.86)
- LCH
- lch(53.95 2.88 96.7)
- CMYK
- cmyk(0% 1% 5% 49%)
ティント · シェード · トーン
ティント
- 8E8D88
- 9A9995
- A6A5A1
- B2B1AE
- BFBEBB
- CBCBC9
- D8D8D6
- E5E5E3
- F2F2F1
シェード
- 706F6B
- 5F5E5A
- 4E4E4A
- 3E3E3B
- 2F2E2C
- 201F1E
- 121211
- 060605
- 010101
トーン
- 82817C
- 82817D
- 81817D
- 81817E
- 81817E
- 81807E
- 81807F
- 80807F
- 808080
カラーハーモニー
補色 +180°
- 82817C
Glen Plaid
- 808186
≈ Sharkskin
類似色 -30° +30°
- 82817C
Glen Plaid
- 84807C
≈ Suede Grey
- 80827D
≈ Glen Plaid
トライアド +120° +240°
- 82817C
Glen Plaid
- 7C8284
≈ Scattered Showers
- 847F82
≈ Pound Sterling
スプリットコンプリメンタリー +150° +210°
- 82817C
Glen Plaid
- 7D8185
≈ Adeptus Battlegrey
- 828085
≈ Sharkskin
テトラード +90° +180° +270°
- 82817C
Glen Plaid
- 7C8282
≈ Whale
- 808186
≈ Sharkskin
- 857F80
≈ Captain Nemo
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.90:1 · APCA Lc 66
Ag
AA黒の上
WCAG 5.38:1 · APCA Lc 35
最適な文字色: #000000
WCAG 5.38:1 (AA) · APCA Lc 35
Contrast pairs
コードスニペット
CSS
:root {
--glen-plaid: #82817c;
--glen-plaid-rgb: 130 129 124;
--glen-plaid-oklch: oklch(0.603 0.008 97.4);
}
.element {
color: var(--glen-plaid);
background-color: hsl(50 2% 50%);
border-color: oklch(0.603 0.008 97.4);
}Tailwind CSS v4
@theme {
--color-glen-plaid: #82817c;
--color-glen-plaid-50: #f5f5f3;
--color-glen-plaid-100: #e8e8e5;
--color-glen-plaid-200: #d5d4d1;
--color-glen-plaid-300: #b8b7b3;
--color-glen-plaid-400: #9f9e9a;
--color-glen-plaid-500: #878681;
--color-glen-plaid-600: #73726d;
--color-glen-plaid-700: #5c5b57;
--color-glen-plaid-800: #43423f;
--color-glen-plaid-900: #2e2e2c;
--color-glen-plaid-950: #1b1b19;
}SCSS
$glen-plaid: #82817c;
$glen-plaid-rgb: 130, 129, 124;
$glen-plaid-light: mix(#fff, $glen-plaid, 20%);
$glen-plaid-dark: mix(#000, $glen-plaid, 20%);
.element {
color: $glen-plaid;
box-shadow: 0 0 0 2px rgba($glen-plaid, 0.35);
}