# カラーコード #709bfb：鮮やかな 明るい青

#709bfb はRGBで rgb(112, 155, 251)、OKLCHで oklch(70.113% 0.14898 264.63) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/709bfb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #709bfb |
| RGB | rgb(112, 155, 251) |
| HSL | hsl(221.44, 94.56%, 71.18%) |
| HSB / HSV | hsv(221.44 55.38% 98.43%) |
| HWB | hwb(221.44 43.92% 1.57%) |
| CMYK | cmyk(55% 38% 0% 2%) |
| Lab | lab(64.12 6.12 -53.24) |
| LCH | lch(64.12 53.59 276.55) |
| OKLab | oklab(70.113% -0.01394 -0.14833) |
| OKLCH | oklch(70.113% 0.14898 264.63) |
| Display P3 | color(display-p3 0.4748 0.60318 0.95696) |
| Rec. 2020 | color(rec2020 0.49126 0.5623 0.94672) |
| Adobe RGB | color(a98-rgb 0.49102 0.60219 0.97154) |
| ProPhoto RGB | color(prophoto-rgb 0.53976 0.53961 0.92921) |
| 線形sRGB | color(srgb-linear 0.16203 0.32778 0.96469) |
| XYZ D65 | color(xyz-d65 0.35814 0.33851 0.95917) |
| XYZ D50 | color(xyz-d50 0.33493 0.32951 0.72296) |
| SwiftUI | Color(red: 0.439, green: 0.608, blue: 0.984) |
| UIKit | UIColor(red: 0.439, green: 0.608, blue: 0.984, alpha: 1) |
| Flutter / Compose | Color(0xFF709BFB) |
| Android XML | #709BFB |

## 基本情報

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

## ティント

#709bfb, #7ea5fc, #8cb0fd, #9abafe, #a8c4ff, #b6ceff, #c4d8ff, #d3e2ff, #e1ecff, #f0f5ff

## シェード

#709bfb, #6086da, #5172ba, #435e9c, #354b7e, #273961, #1a2846, #0e182d, #040915, #010103

## トーン

#709bfb, #759cf2, #7a9de9, #7e9ee0, #839ed7, #889fce, #8c9fc5, #919fbb, #969fb2, #9a9fa8

## カラーハーモニー

- 補色: #709bfb, #c99500
- 分裂補色: #709bfb, #e48236, #9da921
- 類似色: #709bfb, #00aced, #a68af1
- トライアド: #709bfb, #ed756f, #5db661
- テトラード: #709bfb, #cc7cd2, #c99500, #5db661
- スクエア: #709bfb, #e474a4, #c99500, #00bc99
- モノクロマティック: #709bfb, #2d51aa, #4e76d2, #a1c4ff, #dcecff

## #709bfb についてのよくある質問

### #709bfb は何色ですか？

#709bfb は鮮やかな 明るい青です。最も近い名前のある色は鮮やかな 明るい青です。RGBでは rgb(112, 155, 251)、HSLでは hsl(221.44, 94.56%, 71.18%)、OKLCHでは oklch(70.113% 0.14898 264.63) です。

### #709bfb に合う色は？

#709bfb の補色は #c99500 です。落ち着いた組み合わせにするなら、類似色の #00aced と #a68af1 を使いましょう。トライアドの組み合わせは #ed756f と #5db661 です。

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

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

### #709bfb は暖色と寒色のどちらですか？

#709bfb は寒色系の色です。OKLCHでは色相 265度、明度 70.1%、クロマ 0.149 です。