色名 · #A5BEBD
Falkland
Falklandは#A5BEBD：rgb(165 190 189)、hsl(178 16% 70%)、oklch(0.782 0.027 193.7)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Gray mean? → · Falkland color name →
#A5BEBD
oklch(0.782 0.027 193.7)
カラー変換
- HEX
- #a5bebd
- RGB
- rgb(165 190 189)
- HSL
- hsl(178 16% 70%)
- HWB
- hwb(178 65% 25%)
- OKLCH
- oklch(0.782 0.027 193.7)
- OKLab
- oklab(0.782 -0.027 -0.006)
- CIE Lab
- lab(75.06 -8.96 -2.52)
- LCH
- lch(75.06 9.31 195.7)
- CMYK
- cmyk(13% 0% 1% 25%)
ティント · シェード · トーン
ティント
- AEC4C3
- B7CBCA
- C0D1D0
- C8D8D7
- D1DEDE
- DAE5E4
- E4EBEB
- EDF2F2
- F6F8F8
シェード
- 8FA5A4
- 798C8C
- 657574
- 515E5D
- 3D4847
- 2B3333
- 1A1F1F
- 0A0D0D
- 010202
トーン
- A1B8B7
- 9EB1B0
- 9AABAA
- 96A5A4
- 939E9E
- 8F9898
- 8B9292
- 878C8C
- 848686
カラーハーモニー
補色 +180°
- A5BEBD
Falkland
- C9B1B3
≈ Izmir Pink
類似色 -30° +30°
- A5BEBD
Falkland
- A9BEB3
≈ Foggy Rain
- A6BCC5
≈ Juliet Blue
トライアド +120° +240°
- A5BEBD
Falkland
- BEB3C5
≈ Perplexed
- C3B6A5
≈ Esoteric
スプリットコンプリメンタリー +150° +210°
- A5BEBD
Falkland
- C6B2BC
≈ Masked Mauve
- C8B3AA
≈ River Clay
テトラード +90° +180° +270°
- A5BEBD
Falkland
- B5B6CA
≈ Soft Sky
- C9B1B3
≈ Izmir Pink
- BBB9A6
≈ Gravel Dust
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 1.96:1 · APCA Lc 38
Ag
AAA黒の上
WCAG 10.70:1 · APCA Lc 65
最適な文字色: #000000
WCAG 10.70:1 (AAA) · APCA Lc 65
Contrast pairs
コードスニペット
CSS
:root {
--falkland: #a5bebd;
--falkland-rgb: 165 190 189;
--falkland-oklch: oklch(0.782 0.027 193.7);
}
.element {
color: var(--falkland);
background-color: hsl(178 16% 70%);
border-color: oklch(0.782 0.027 193.7);
}Tailwind CSS v4
@theme {
--color-falkland: #a5bebd;
--color-falkland-50: #edf8f8;
--color-falkland-100: #deebeb;
--color-falkland-200: #c8d8d8;
--color-falkland-300: #a8bcbc;
--color-falkland-400: #8da4a3;
--color-falkland-500: #728c8b;
--color-falkland-600: #617776;
--color-falkland-700: #4d5f5e;
--color-falkland-800: #384645;
--color-falkland-900: #26302f;
--color-falkland-950: #141c1c;
}SCSS
$falkland: #a5bebd;
$falkland-rgb: 165, 190, 189;
$falkland-light: mix(#fff, $falkland, 20%);
$falkland-dark: mix(#000, $falkland, 20%);
.element {
color: $falkland;
box-shadow: 0 0 0 2px rgba($falkland, 0.35);
}