色名 · #A7A3BB
Awaken
Awakenは#A7A3BB：rgb(167 163 187)、hsl(250 15% 69%)、oklch(0.727 0.035 293.2)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Awaken color name →
#A7A3BB
oklch(0.727 0.035 293.2)
カラー変換
- HEX
- #a7a3bb
- RGB
- rgb(167 163 187)
- HSL
- hsl(250 15% 69%)
- HWB
- hwb(250 64% 27%)
- OKLCH
- oklch(0.727 0.035 293.2)
- OKLab
- oklab(0.727 0.014 -0.032)
- CIE Lab
- lab(67.92 5.06 -11.87)
- LCH
- lch(67.92 12.9 293.1)
- CMYK
- cmyk(11% 13% 0% 27%)
ティント · シェード · トーン
ティント
- AFACC2
- B8B5C8
- C1BECF
- C9C7D6
- D2D0DD
- DBD9E4
- E4E3EA
- EDECF1
- F6F5F8
シェード
- 918DA2
- 7B788A
- 666373
- 524F5C
- 3E3C46
- 2C2A32
- 1A191F
- 0A0A0D
- 010102
トーン
- A39FB5
- 9F9CAF
- 9B98A9
- 9795A3
- 93919D
- 8F8E97
- 8B8A91
- 88878C
- 848386
カラーハーモニー
補色 +180°
- A7A3BB
Awaken
- A6A991
≈ Bud
類似色 -30° +30°
- A7A3BB
Awaken
- 9BA7BD
≈ Zen Blue
- B2A0B3
≈ Pastel Purple
トライアド +120° +240°
- A7A3BB
Awaken
- B9A193
≈ White Mouse
- 91AEA5
≈ Donnegal
スプリットコンプリメンタリー +150° +210°
- A7A3BB
Awaken
- B1A58F
≈ Sedge
- 9AAD99
≈ Garden
テトラード +90° +180° +270°
- A7A3BB
Awaken
- BC9F9C
≈ Awakening
- A6A991
≈ Bud
- 8EADB0
≈ Bon Voyage
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.44:1 · APCA Lc 48
Ag
AAA黒の上
WCAG 8.59:1 · APCA Lc 54
最適な文字色: #000000
WCAG 8.59:1 (AAA) · APCA Lc 54
Contrast pairs
コードスニペット
CSS
:root {
--awaken: #a7a3bb;
--awaken-rgb: 167 163 187;
--awaken-oklch: oklch(0.727 0.035 293.2);
}
.element {
color: var(--awaken);
background-color: hsl(250 15% 69%);
border-color: oklch(0.727 0.035 293.2);
}Tailwind CSS v4
@theme {
--color-awaken: #a7a3bb;
--color-awaken-50: #f6f3fe;
--color-awaken-100: #e8e6f3;
--color-awaken-200: #d5d2e2;
--color-awaken-300: #b8b4c8;
--color-awaken-400: #9f9bb2;
--color-awaken-500: #87829c;
--color-awaken-600: #726e84;
--color-awaken-700: #5b5869;
--color-awaken-800: #42404e;
--color-awaken-900: #2e2c36;
--color-awaken-950: #1a1921;
}SCSS
$awaken: #a7a3bb;
$awaken-rgb: 167, 163, 187;
$awaken-light: mix(#fff, $awaken, 20%);
$awaken-dark: mix(#000, $awaken, 20%);
.element {
color: $awaken;
box-shadow: 0 0 0 2px rgba($awaken, 0.35);
}