色名 · #A5A9B2
Mischka
Mischkaは#A5A9B2：rgb(165 169 178)、hsl(222 8% 67%)、oklch(0.734 0.014 266.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Mischka color name →
#A5A9B2
oklch(0.734 0.014 266.7)
カラー変換
- HEX
- #a5a9b2
- RGB
- rgb(165 169 178)
- HSL
- hsl(222 8% 67%)
- HWB
- hwb(222 65% 30%)
- OKLCH
- oklch(0.734 0.014 266.7)
- OKLab
- oklab(0.734 -0.001 -0.014)
- CIE Lab
- lab(69.12 -0.14 -5.17)
- LCH
- lch(69.12 5.17 268.4)
- CMYK
- cmyk(7% 5% 0% 30%)
ティント · シェード · トーン
ティント
- AEB1B9
- B6BAC1
- BFC2C9
- C8CBD0
- D1D3D8
- DADCE0
- E3E5E7
- ECEDEF
- F6F6F7
シェード
- 8F929A
- 797C83
- 65676D
- 515357
- 3D3F43
- 2B2C2F
- 1A1B1D
- 0A0A0C
- 010101
トーン
- A1A5AD
- 9DA1A8
- 9A9CA3
- 96989E
- 929499
- 8F9094
- 8B8C8F
- 87888A
- 848485
カラーハーモニー
補色 +180°
- A5A9B2
Mischka
- ADA9A0
≈ Still Grey
類似色 -30° +30°
- A5A9B2
Mischka
- A1ABB1
≈ Heavy Blue Grey
- AAA7B1
≈ Palace Walls
トライアド +120° +240°
- A5A9B2
Mischka
- B2A6A4
≈ Cool Lavender
- A4ABA4
≈ Ginkgo Green
スプリットコンプリメンタリー +150° +210°
- A5A9B2
Mischka
- B0A7A1
≈ Aura
- A8AAA1
≈ Silver Clouds
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.35:1 · APCA Lc 46
Ag
AAA黒の上
WCAG 8.91:1 · APCA Lc 56
最適な文字色: #000000
WCAG 8.91:1 (AAA) · APCA Lc 56
Contrast pairs
コードスニペット
CSS
:root {
--mischka: #a5a9b2;
--mischka-rgb: 165 169 178;
--mischka-oklch: oklch(0.734 0.014 266.7);
}
.element {
color: var(--mischka);
background-color: hsl(222 8% 67%);
border-color: oklch(0.734 0.014 266.7);
}Tailwind CSS v4
@theme {
--color-mischka: #a5a9b2;
--color-mischka-50: #f3f5f9;
--color-mischka-100: #e6e8ed;
--color-mischka-200: #d2d4da;
--color-mischka-300: #b4b7bf;
--color-mischka-400: #9b9ea7;
--color-mischka-500: #828690;
--color-mischka-600: #6e7279;
--color-mischka-700: #585b61;
--color-mischka-800: #404247;
--color-mischka-900: #2c2e31;
--color-mischka-950: #191b1d;
}SCSS
$mischka: #a5a9b2;
$mischka-rgb: 165, 169, 178;
$mischka-light: mix(#fff, $mischka, 20%);
$mischka-dark: mix(#000, $mischka, 20%);
.element {
color: $mischka;
box-shadow: 0 0 0 2px rgba($mischka, 0.35);
}