色名 · #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);
}