色名 · #6A6466
Scorpion
Scorpionは#6A6466：rgb(106 100 102)、hsl(340 3% 40%)、oklch(0.509 0.008 355)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Scorpion color name →
#6A6466
oklch(0.509 0.008 355)
カラー変換
- HEX
- #6a6466
- RGB
- rgb(106 100 102)
- HSL
- hsl(340 3% 40%)
- HWB
- hwb(340 39% 58%)
- OKLCH
- oklch(0.509 0.008 355)
- OKLab
- oklab(0.509 0.008 -0.001)
- CIE Lab
- lab(42.99 2.75 -0.24)
- LCH
- lch(42.99 2.76 355)
- CMYK
- cmyk(0% 6% 4% 58%)
ティント · シェード · トーン
ティント
- 787274
- 868182
- 949091
- A39FA0
- B2AEAF
- C1BEBF
- D0CECF
- DFDEDE
- EFEEEF
シェード
- 5B5658
- 4D484A
- 3F3B3C
- 312E2F
- 242223
- 181617
- 0D0B0C
- 040304
- 000000
トーン
- 6C6769
- 6E6A6B
- 716C6E
- 736F70
- 757273
- 777575
- 797778
- 7C7A7B
- 7E7D7D
カラーハーモニー
補色 +180°
- 6A6466
Scorpion
- 616766
≈ Binary Star
類似色 -30° +30°
- 6A6466
Scorpion
- 686468
≈ Cracked Slate
- 6B6463
≈ Scorpion
トライアド +120° +240°
- 6A6466
Scorpion
- 666661
≈ Wire Wool
- 62676A
≈ Thames Dusk
スプリットコンプリメンタリー +150° +210°
- 6A6466
Scorpion
- 636763
≈ Black Locust
- 616768
≈ Binary Star
テトラード +90° +180° +270°
- 6A6466
Scorpion
- 686661
≈ Wire Wool
- 616766
≈ Binary Star
- 64666B
≈ Shuttle Grey
コントラストとアクセシビリティ
Ag
AA白の上
WCAG 5.78:1 · APCA Lc 79
Ag
Fail黒の上
WCAG 3.62:1 · APCA Lc 23
最適な文字色: #FFFFFF
WCAG 5.78:1 (AA) · APCA Lc 79
Contrast pairs
コードスニペット
CSS
:root {
--scorpion: #6a6466;
--scorpion-rgb: 106 100 102;
--scorpion-oklch: oklch(0.509 0.008 355);
}
.element {
color: var(--scorpion);
background-color: hsl(340 3% 40%);
border-color: oklch(0.509 0.008 355);
}Tailwind CSS v4
@theme {
--color-scorpion: #6a6466;
--color-scorpion-50: #f7f4f5;
--color-scorpion-100: #eae7e8;
--color-scorpion-200: #d7d3d4;
--color-scorpion-300: #bbb6b7;
--color-scorpion-400: #a39c9e;
--color-scorpion-500: #8b8486;
--color-scorpion-600: #767072;
--color-scorpion-700: #5e595b;
--color-scorpion-800: #454142;
--color-scorpion-900: #302d2e;
--color-scorpion-950: #1c1a1b;
}SCSS
$scorpion: #6a6466;
$scorpion-rgb: 106, 100, 102;
$scorpion-light: mix(#fff, $scorpion, 20%);
$scorpion-dark: mix(#000, $scorpion, 20%);
.element {
color: $scorpion;
box-shadow: 0 0 0 2px rgba($scorpion, 0.35);
}