色名 · #B4C2CF
Hazy
Hazyは#B4C2CF：rgb(180 194 207)、hsl(209 22% 76%)、oklch(0.807 0.024 246.1)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Hazy color name →
#B4C2CF
oklch(0.807 0.024 246.1)
カラー変換
- HEX
- #b4c2cf
- RGB
- rgb(180 194 207)
- HSL
- hsl(209 22% 76%)
- HWB
- hwb(209 71% 19%)
- OKLCH
- oklch(0.807 0.024 246.1)
- OKLab
- oklab(0.807 -0.01 -0.022)
- CIE Lab
- lab(77.65 -3.01 -8.27)
- LCH
- lch(77.65 8.8 250)
- CMYK
- cmyk(13% 6% 0% 19%)
ティント · シェード · トーン
ティント
- BBC8D4
- C3CED9
- CAD4DD
- D2DAE2
- D9E0E7
- E1E6EC
- E8ECF0
- F0F3F5
- F7F9FA
シェード
- 9CA8B4
- 858F99
- 6E777F
- 586067
- 44494F
- 303438
- 1D2023
- 0C0E10
- 020202
トーン
- AFBBC7
- A9B4BF
- A4AEB7
- 9FA7AF
- 9AA0A7
- 949A9F
- 8F9397
- 8A8D8F
- 858688
カラーハーモニー
補色 +180°
- B4C2CF
Hazy
- CBBDB0
≈ Clean Sweep
類似色 -30° +30°
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
- B4C2CF
Hazy
- CFBBB6
≈ Mothy
- C4C0AF
≈ Stone Fortress
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.81:1 · APCA Lc 34
Ag
AAA黒の上
WCAG 11.55:1 · APCA Lc 69
最適な文字色: #000000
WCAG 11.55:1 (AAA) · APCA Lc 69
Contrast pairs
コードスニペット
CSS
:root {
--hazy: #b4c2cf;
--hazy-rgb: 180 194 207;
--hazy-oklch: oklch(0.807 0.024 246.1);
}
.element {
color: var(--hazy);
background-color: hsl(209 22% 76%);
border-color: oklch(0.807 0.024 246.1);
}Tailwind CSS v4
@theme {
--color-hazy: #b4c2cf;
--color-hazy-50: #f0f6fc;
--color-hazy-100: #e2e9f0;
--color-hazy-200: #cdd5de;
--color-hazy-300: #aeb9c3;
--color-hazy-400: #93a0ac;
--color-hazy-500: #7a8896;
--color-hazy-600: #67737e;
--color-hazy-700: #525c65;
--color-hazy-800: #3c434a;
--color-hazy-900: #292f34;
--color-hazy-950: #171b1f;
}SCSS
$hazy: #b4c2cf;
$hazy-rgb: 180, 194, 207;
$hazy-light: mix(#fff, $hazy, 20%);
$hazy-dark: mix(#000, $hazy, 20%);
.element {
color: $hazy;
box-shadow: 0 0 0 2px rgba($hazy, 0.35);
}