色名 · #A6BDBE
Oslo Blue
Oslo Blueは#A6BDBE：rgb(166 189 190)、hsl(183 16% 70%)、oklch(0.781 0.025 199.8)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Oslo Blue color name →
#A6BDBE
oklch(0.781 0.025 199.8)
カラー変換
- HEX
- #a6bdbe
- RGB
- rgb(166 189 190)
- HSL
- hsl(183 16% 70%)
- HWB
- hwb(183 65% 25%)
- OKLCH
- oklch(0.781 0.025 199.8)
- OKLab
- oklab(0.781 -0.024 -0.009)
- CIE Lab
- lab(74.88 -7.97 -3.31)
- LCH
- lch(74.88 8.63 202.5)
- CMYK
- cmyk(13% 1% 0% 25%)
ティント · シェード · トーン
ティント
- AFC3C4
- B7CACB
- C0D0D1
- C9D7D8
- D2DEDE
- DBE4E5
- E4EBEB
- EDF2F2
- F6F8F8
シェード
- 90A4A5
- 7A8C8C
- 657475
- 515D5E
- 3E4748
- 2B3333
- 1A1F1F
- 0A0D0D
- 010202
トーン
- A2B7B8
- 9EB0B1
- 9BAAAB
- 97A4A5
- 939E9E
- 8F9898
- 8B9292
- 888C8C
- 848686
カラーハーモニー
補色 +180°
- A6BDBE
Oslo Blue
- C8B2B1
≈ Rosy Linen
類似色 -30° +30°
- A6BDBE
Oslo Blue
- A9BDB5
≈ Water Surface
- A8BBC5
≈ Windy Blue
トライアド +120° +240°
- A6BDBE
Oslo Blue
- BFB3C2
≈ Perplexed
- C0B6A6
≈ Analytical Grey
スプリットコンプリメンタリー +150° +210°
- A6BDBE
Oslo Blue
- C5B2BA
≈ Blossom Powder
- C6B4AA
≈ River Clay
テトラード +90° +180° +270°
- A6BDBE
Oslo Blue
- B7B5C7
≈ Bohemianism
- C8B2B1
≈ Rosy Linen
- B8B9A7
≈ Pine Crush
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.97:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.64:1 · APCA Lc 64
最適な文字色: #000000
WCAG 10.64:1 (AAA) · APCA Lc 64
Contrast pairs
コードスニペット
CSS
:root {
--oslo-blue: #a6bdbe;
--oslo-blue-rgb: 166 189 190;
--oslo-blue-oklch: oklch(0.781 0.025 199.8);
}
.element {
color: var(--oslo-blue);
background-color: hsl(183 16% 70%);
border-color: oklch(0.781 0.025 199.8);
}Tailwind CSS v4
@theme {
--color-oslo-blue: #a6bdbe;
--color-oslo-blue-50: #edf7f8;
--color-oslo-blue-100: #dfebeb;
--color-oslo-blue-200: #c9d8d9;
--color-oslo-blue-300: #a9bbbd;
--color-oslo-blue-400: #8ea3a4;
--color-oslo-blue-500: #738c8d;
--color-oslo-blue-600: #627677;
--color-oslo-blue-700: #4e5e5f;
--color-oslo-blue-800: #394545;
--color-oslo-blue-900: #273030;
--color-oslo-blue-950: #151c1c;
}SCSS
$oslo-blue: #a6bdbe;
$oslo-blue-rgb: 166, 189, 190;
$oslo-blue-light: mix(#fff, $oslo-blue, 20%);
$oslo-blue-dark: mix(#000, $oslo-blue, 20%);
.element {
color: $oslo-blue;
box-shadow: 0 0 0 2px rgba($oslo-blue, 0.35);
}