# カラーコード #689aef：鮮やかな 青

#689aef はRGBで rgb(104, 154, 239)、OKLCHで oklch(68.829% 0.13708 260.474) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/689aef

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #689aef |
| RGB | rgb(104, 154, 239) |
| HSL | hsl(217.78, 80.84%, 67.25%) |
| HSB / HSV | hsv(217.78 56.49% 93.73%) |
| HWB | hwb(217.78 40.78% 6.27%) |
| CMYK | cmyk(56% 36% 0% 6%) |
| Lab | lab(62.91 1.78 -48.63) |
| LCH | lch(62.91 48.66 272.09) |
| OKLab | oklab(68.829% -0.02269 -0.13519) |
| OKLCH | oklch(68.829% 0.13708 260.474) |
| Display P3 | color(display-p3 0.45071 0.59868 0.91216) |
| Rec. 2020 | color(rec2020 0.46882 0.55578 0.89707) |
| Adobe RGB | color(a98-rgb 0.47112 0.5983 0.92425) |
| ProPhoto RGB | color(prophoto-rgb 0.51351 0.53115 0.87564) |
| 線形sRGB | color(srgb-linear 0.13843 0.32314 0.86316) |
| XYZ D65 | color(xyz-d65 0.32842 0.32285 0.86165) |
| XYZ D50 | color(xyz-d50 0.30832 0.31478 0.64968) |
| SwiftUI | Color(red: 0.408, green: 0.604, blue: 0.937) |
| UIKit | UIColor(red: 0.408, green: 0.604, blue: 0.937, alpha: 1) |
| Flutter / Compose | Color(0xFF689AEF) |
| Android XML | #689AEF |

## 基本情報

- 最も近い色名: 鮮やかな 青
- 色相の系統: 青, 鮮やかな 青
- 最も近いTailwindクラス: blue-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.82:1
- 黒とのコントラスト: 7.46:1

## ティント

#689aef, #77a4f1, #86aff4, #95b9f6, #a4c3f8, #b3cdf9, #c2d7fb, #d1e1fc, #e0ebfd, #eff5fe

## シェード

#689aef, #5985d0, #4b71b1, #3e5e94, #304b78, #24395c, #182742, #0c172a, #040914, #000103

## トーン

#689aef, #6e9be7, #739bdf, #789bd6, #7d9cce, #839cc6, #889cbd, #8c9cb5, #919bac, #969ba4

## カラーハーモニー

- 補色: #689aef, #c69017
- 分裂補色: #689aef, #dd7f45, #a0a229
- 類似色: #689aef, #06a9df, #9b8ae9
- トライアド: #689aef, #e37576, #69af5b
- テトラード: #689aef, #c07dcf, #c69017, #69af5b
- スクエア: #689aef, #d975a6, #c69017, #00b58e
- モノクロマティック: #689aef, #23519f, #4575c7, #94c1ff, #d2e9ff

## #689aef についてのよくある質問

### #689aef は何色ですか？

#689aef は鮮やかな 青です。最も近い名前のある色は鮮やかな 青です。RGBでは rgb(104, 154, 239)、HSLでは hsl(217.78, 80.84%, 67.25%)、OKLCHでは oklch(68.829% 0.13708 260.474) です。

### #689aef に合う色は？

#689aef の補色は #c69017 です。落ち着いた組み合わせにするなら、類似色の #06a9df と #9b8ae9 を使いましょう。トライアドの組み合わせは #e37576 と #69af5b です。

### #689aef の上では白と黒のどちらの文字が読みやすいですか？

#689aef の上では黒の文字のほうが読みやすくなります。白はコントラスト比 2.82:1、黒は 7.46:1 です。WCAG AAでは本文に4.5:1以上が求められます。

### #689aef は暖色と寒色のどちらですか？

#689aef は寒色系の色です。OKLCHでは色相 260度、明度 68.8%、クロマ 0.137 です。