色名 · #647983
Scatman Blue
Scatman Blueは#647983：rgb(100 121 131)、hsl(199 13% 45%)、oklch(0.563 0.029 228.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Scatman Blue color name →
#647983
oklch(0.563 0.029 228.3)
カラー変換
- HEX
- #647983
- RGB
- rgb(100 121 131)
- HSL
- hsl(199 13% 45%)
- HWB
- hwb(199 39% 49%)
- OKLCH
- oklch(0.563 0.029 228.3)
- OKLab
- oklab(0.563 -0.019 -0.022)
- CIE Lab
- lab(49.4 -6.17 -8.18)
- LCH
- lch(49.4 10.25 233)
- CMYK
- cmyk(24% 8% 0% 49%)
ティント · シェード · トーン
ティント
- 72868F
- 81929B
- 909FA7
- 9FACB3
- AFBABF
- BEC7CC
- CED5D8
- DEE3E5
- EFF1F2
シェード
- 566871
- 485860
- 3B484F
- 2E393F
- 222B2F
- 161D20
- 0B1012
- 030506
- 000101
トーン
- 677A83
- 6A7A82
- 6D7B82
- 6F7C82
- 727D82
- 757D81
- 787E81
- 7B7F81
- 7D7F80
カラーハーモニー
補色 +180°
- 647983
Scatman Blue
- 847167
≈ Pipe
類似色 -30° +30°
- 647983
Scatman Blue
- 627B7B
≈ Eye Grey
- 6B7687
≈ Cypress Grey Blue
トライアド +120° +240°
- 647983
Scatman Blue
- 836F78
≈ Mysteria
- 767763
≈ November Green
スプリットコンプリメンタリー +150° +210°
- 647983
Scatman Blue
- 866F6F
≈ Sandstone Red Grey
- 7F7462
≈ Coriander Ochre
テトラード +90° +180° +270°
- 647983
Scatman Blue
- 7D7081
≈ British Grey Mauve
- 847167
≈ Pipe
- 6D7A69
≈ Fir Spruce Green
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 4.56:1 · APCA Lc 72
Ag
AA黒の上
WCAG 4.60:1 · APCA Lc 30
最適な文字色: #000000
WCAG 4.60:1 (AA) · APCA Lc 30
Contrast pairs
コードスニペット
CSS
:root {
--scatman-blue: #647983;
--scatman-blue-rgb: 100 121 131;
--scatman-blue-oklch: oklch(0.563 0.029 228.3);
}
.element {
color: var(--scatman-blue);
background-color: hsl(199 13% 45%);
border-color: oklch(0.563 0.029 228.3);
}Tailwind CSS v4
@theme {
--color-scatman-blue: #647983;
--color-scatman-blue-50: #edf7fc;
--color-scatman-blue-100: #dfeaf0;
--color-scatman-blue-200: #c8d7de;
--color-scatman-blue-300: #a9bbc4;
--color-scatman-blue-400: #8da2ac;
--color-scatman-blue-500: #738a96;
--color-scatman-blue-600: #61757f;
--color-scatman-blue-700: #4e5e65;
--color-scatman-blue-800: #38454a;
--color-scatman-blue-900: #262f33;
--color-scatman-blue-950: #151c1f;
}SCSS
$scatman-blue: #647983;
$scatman-blue-rgb: 100, 121, 131;
$scatman-blue-light: mix(#fff, $scatman-blue, 20%);
$scatman-blue-dark: mix(#000, $scatman-blue, 20%);
.element {
color: $scatman-blue;
box-shadow: 0 0 0 2px rgba($scatman-blue, 0.35);
}