色名 · #B9ACBB
Lola
Lolaは#B9ACBB：rgb(185 172 187)、hsl(292 10% 70%)、oklch(0.76 0.026 321.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Lola color name →
#B9ACBB
oklch(0.76 0.026 321.7)
カラー変換
- HEX
- #b9acbb
- RGB
- rgb(185 172 187)
- HSL
- hsl(292 10% 70%)
- HWB
- hwb(292 67% 27%)
- OKLCH
- oklch(0.76 0.026 321.7)
- OKLab
- oklab(0.76 0.02 -0.016)
- CIE Lab
- lab(71.81 6.88 -5.93)
- LCH
- lch(71.81 9.08 319.2)
- CMYK
- cmyk(1% 8% 0% 27%)
ティント · シェード · トーン
ティント
- C0B4C2
- C7BCC8
- CEC4CF
- D5CDD6
- DCD5DD
- E3DDE3
- EAE6EA
- F1EEF1
- F8F6F8
シェード
- A095A2
- 897F8A
- 716973
- 5B545C
- 464046
- 312D32
- 1E1B1F
- 0D0B0D
- 020102
トーン
- B3A8B5
- ADA3AF
- A89FA9
- A29AA3
- 9C969D
- 969197
- 918D91
- 8B898B
- 868486
カラーハーモニー
補色 +180°
- B9ACBB
Lola
- A8B5A6
≈ Forever Green
類似色 -30° +30°
トライアド +120° +240°
- B9ACBB
Lola
- B9B09F
≈ Saturn Grey
- 9FB6B8
≈ Blue by You
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.16:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.68:1 · APCA Lc 60
最適な文字色: #000000
WCAG 9.68:1 (AAA) · APCA Lc 60
Contrast pairs
コードスニペット
CSS
:root {
--lola: #b9acbb;
--lola-rgb: 185 172 187;
--lola-oklch: oklch(0.76 0.026 321.7);
}
.element {
color: var(--lola);
background-color: hsl(292 10% 70%);
border-color: oklch(0.76 0.026 321.7);
}Tailwind CSS v4
@theme {
--color-lola: #b9acbb;
--color-lola-50: #f9f3f9;
--color-lola-100: #ece5ed;
--color-lola-200: #dad1db;
--color-lola-300: #beb3bf;
--color-lola-400: #a69aa8;
--color-lola-500: #8e8191;
--color-lola-600: #786d7a;
--color-lola-700: #605762;
--color-lola-800: #464048;
--color-lola-900: #312c32;
--color-lola-950: #1d191e;
}SCSS
$lola: #b9acbb;
$lola-rgb: 185, 172, 187;
$lola-light: mix(#fff, $lola, 20%);
$lola-dark: mix(#000, $lola, 20%);
.element {
color: $lola;
box-shadow: 0 0 0 2px rgba($lola, 0.35);
}