命名颜色 · #7FA2BF
Far Horizons
Far Horizons 即 #7FA2BF：rgb(127 162 191)、hsl(207 33% 62%)、oklch(0.697 0.058 243.7)。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
What does Blue mean? → · Far Horizons color name →
#7FA2BF
oklch(0.697 0.058 243.7)
颜色转换
- HEX
- #7fa2bf
- RGB
- rgb(127 162 191)
- HSL
- hsl(207 33% 62%)
- HWB
- hwb(207 50% 25%)
- OKLCH
- oklch(0.697 0.058 243.7)
- OKLab
- oklab(0.697 -0.026 -0.052)
- CIE Lab
- lab(64.79 -7.1 -19.13)
- LCH
- lch(64.79 20.4 249.7)
- CMYK
- cmyk(34% 15% 0% 25%)
浅色调 · 深色调 · 灰色调
浅色调
- 8BABC5
- 98B4CC
- A5BDD2
- B1C7D9
- BED0DF
- CBD9E5
- D8E3EC
- E5ECF2
- F2F5F9
深色调
- 6E8CA6
- 5D778D
- 4C6375
- 3C4F5E
- 2D3C48
- 1F2A33
- 11191F
- 060A0D
- 010102
灰色调
- 7F9FB9
- 809BB2
- 8098AC
- 8094A6
- 80919F
- 808E99
- 808A93
- 80878C
- 808386
配色和谐
互补色 +180°
- 7FA2BF
Far Horizons
- B79678
≈ Char Latte
类似色 -30° +30°
- 7FA2BF
Far Horizons
- 73A7B3
≈ Inner Sanctum
- 929BC2
≈ Grape Ivy
三角配色 +120° +240°
- 7FA2BF
Far Horizons
- BD8F99
≈ Cherry Juice
- 96A47C
≈ Huntington Garden
分裂互补色 +150° +210°
- 7FA2BF
Far Horizons
- BE9186
≈ Revival Rose
- A99D75
≈ Fresh Olive
四角配色 +90° +180° +270°
- 7FA2BF
Far Horizons
- B490AC
≈ Soft Impact
- B79678
≈ Char Latte
- 82A88D
≈ Catnip
对比度与无障碍
Ag
Fail白底
WCAG 2.68:1 · APCA Lc 52
Ag
AAA黑底
WCAG 7.82:1 · APCA Lc 50
最佳文字颜色: #000000
WCAG 7.82:1 (AAA) · APCA Lc 50
Contrast pairs
代码片段
CSS
:root {
--far-horizons: #7fa2bf;
--far-horizons-rgb: 127 162 191;
--far-horizons-oklch: oklch(0.697 0.058 243.7);
}
.element {
color: var(--far-horizons);
background-color: hsl(207 33% 62%);
border-color: oklch(0.697 0.058 243.7);
}Tailwind CSS v4
@theme {
--color-far-horizons: #7fa2bf;
--color-far-horizons-50: #e8f7ff;
--color-far-horizons-100: #d9eafa;
--color-far-horizons-200: #c1d7ec;
--color-far-horizons-300: #a0bbd4;
--color-far-horizons-400: #82a3be;
--color-far-horizons-500: #658baa;
--color-far-horizons-600: #567690;
--color-far-horizons-700: #445e73;
--color-far-horizons-800: #304555;
--color-far-horizons-900: #21303b;
--color-far-horizons-950: #101c25;
}SCSS
$far-horizons: #7fa2bf;
$far-horizons-rgb: 127, 162, 191;
$far-horizons-light: mix(#fff, $far-horizons, 20%);
$far-horizons-dark: mix(#000, $far-horizons, 20%);
.element {
color: $far-horizons;
box-shadow: 0 0 0 2px rgba($far-horizons, 0.35);
}