色名 · #B8BFCC
Mistral
Mistralは#B8BFCC：rgb(184 191 204)、hsl(219 16% 76%)、oklch(0.803 0.02 263)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Mistral color name →
#B8BFCC
oklch(0.803 0.02 263)
カラー変換
- HEX
- #b8bfcc
- RGB
- rgb(184 191 204)
- HSL
- hsl(219 16% 76%)
- HWB
- hwb(219 72% 20%)
- OKLCH
- oklch(0.803 0.02 263)
- OKLab
- oklab(0.803 -0.002 -0.02)
- CIE Lab
- lab(77.09 -0.6 -7.44)
- LCH
- lch(77.09 7.46 265.4)
- CMYK
- cmyk(10% 6% 0% 20%)
ティント · シェード · トーン
ティント
- BFC5D1
- C6CCD6
- CDD2DB
- D4D8E0
- DBDFE5
- E2E5EA
- E9EBF0
- F0F2F5
- F8F8FA
シェード
- A0A6B1
- 888D97
- 71757E
- 5B5E65
- 45484E
- 313337
- 1E1F22
- 0C0D0F
- 020202
トーン
- B2B9C4
- ADB2BC
- A7ACB5
- A1A5AD
- 9C9FA5
- 96999E
- 909296
- 8B8C8F
- 858687
カラーハーモニー
補色 +180°
- B8BFCC
Mistral
- C5BEB1
≈ Hearthstone
類似色 -30° +30°
- B8BFCC
Mistral
- B3C1CA
≈ Driftwood Blues
- BFBDCB
≈ Gentleman’s Suit
トライアド +120° +240°
- B8BFCC
Mistral
- CBBAB9
≈ Silentropae Cloud
- B8C2B7
≈ Recycled Glass
スプリットコンプリメンタリー +150° +210°
- B8BFCC
Mistral
- CABCB3
≈ Woven Cashmere
- BEC0B2
≈ Contented
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.84:1 · APCA Lc 35
Ag
AAA黒の上
WCAG 11.36:1 · APCA Lc 68
最適な文字色: #000000
WCAG 11.36:1 (AAA) · APCA Lc 68
Contrast pairs
コードスニペット
CSS
:root {
--mistral: #b8bfcc;
--mistral-rgb: 184 191 204;
--mistral-oklch: oklch(0.803 0.02 263);
}
.element {
color: var(--mistral);
background-color: hsl(219 16% 76%);
border-color: oklch(0.803 0.02 263);
}Tailwind CSS v4
@theme {
--color-mistral: #b8bfcc;
--color-mistral-50: #f2f5fb;
--color-mistral-100: #e5e8ef;
--color-mistral-200: #d0d4dd;
--color-mistral-300: #b2b7c2;
--color-mistral-400: #989fab;
--color-mistral-500: #7f8694;
--color-mistral-600: #6c727d;
--color-mistral-700: #565b64;
--color-mistral-800: #3e4349;
--color-mistral-900: #2b2e33;
--color-mistral-950: #181b1f;
}SCSS
$mistral: #b8bfcc;
$mistral-rgb: 184, 191, 204;
$mistral-light: mix(#fff, $mistral, 20%);
$mistral-dark: mix(#000, $mistral, 20%);
.element {
color: $mistral;
box-shadow: 0 0 0 2px rgba($mistral, 0.35);
}