色名 · #A3B8CE
Flight Time
Flight Timeは#A3B8CE：rgb(163 184 206)、hsl(211 30% 72%)、oklch(0.774 0.039 249.6)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Flight Time color name →
#A3B8CE
oklch(0.774 0.039 249.6)
カラー変換
- HEX
- #a3b8ce
- RGB
- rgb(163 184 206)
- HSL
- hsl(211 30% 72%)
- HWB
- hwb(211 64% 19%)
- OKLCH
- oklch(0.774 0.039 249.6)
- OKLab
- oklab(0.774 -0.014 -0.037)
- CIE Lab
- lab(73.71 -3.91 -13.71)
- LCH
- lch(73.71 14.26 254.1)
- CMYK
- cmyk(21% 11% 0% 19%)
ティント · シェード · トーン
ティント
- ACBFD3
- B5C6D8
- BECDDD
- C7D4E2
- D0DBE6
- DAE2EB
- E3E9F0
- ECF1F5
- F6F8FA
シェード
- 8DA0B3
- 788898
- 63717F
- 4F5B66
- 3C454E
- 2A3138
- 191E23
- 0A0C0F
- 010202
トーン
- 9FB2C6
- 9CADBE
- 98A7B6
- 95A1AE
- 919CA6
- 8E969F
- 8A9097
- 878B8F
- 848588
カラーハーモニー
補色 +180°
- A3B8CE
Flight Time
- C6B29B
≈ Barcelona Beige
類似色 -30° +30°
- A3B8CE
Flight Time
- 9BBCC7
≈ Déjà Blue
- B0B3CF
≈ Hundred Waters
トライアド +120° +240°
- A3B8CE
Flight Time
- CDACB0
≈ Vista
- ADBBA1
≈ Pale Sage
スプリットコンプリメンタリー +150° +210°
- A3B8CE
Flight Time
- CDAEA3
≈ Lime Hawk Moth
- BBB69A
≈ Trinity Islands
テトラード +90° +180° +270°
- A3B8CE
Flight Time
- C7ACBE
≈ Winsome Orchid
- C6B29B
≈ Barcelona Beige
- A1BEAD
≈ White Spruce
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.03:1 · APCA Lc 40
Ag
AAA黒の上
WCAG 10.30:1 · APCA Lc 63
最適な文字色: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
コードスニペット
CSS
:root {
--flight-time: #a3b8ce;
--flight-time-rgb: 163 184 206;
--flight-time-oklch: oklch(0.774 0.039 249.6);
}
.element {
color: var(--flight-time);
background-color: hsl(211 30% 72%);
border-color: oklch(0.774 0.039 249.6);
}Tailwind CSS v4
@theme {
--color-flight-time: #a3b8ce;
--color-flight-time-50: #edf6ff;
--color-flight-time-100: #dfe9f5;
--color-flight-time-200: #c9d6e5;
--color-flight-time-300: #a9b9cb;
--color-flight-time-400: #8da1b5;
--color-flight-time-500: #7389a0;
--color-flight-time-600: #617487;
--color-flight-time-700: #4e5d6c;
--color-flight-time-800: #38444f;
--color-flight-time-900: #262f37;
--color-flight-time-950: #141b22;
}SCSS
$flight-time: #a3b8ce;
$flight-time-rgb: 163, 184, 206;
$flight-time-light: mix(#fff, $flight-time, 20%);
$flight-time-dark: mix(#000, $flight-time, 20%);
.element {
color: $flight-time;
box-shadow: 0 0 0 2px rgba($flight-time, 0.35);
}