# カラーコード #709eca：やわらかな 青

#709eca はRGBで rgb(112, 158, 202)、OKLCHで oklch(68.328% 0.08217 248.015) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #709eca |
| RGB | rgb(112, 158, 202) |
| HSL | hsl(209.33, 45.92%, 61.57%) |
| HSB / HSV | hsv(209.33 44.55% 79.22%) |
| HWB | hwb(209.33 43.92% 20.78%) |
| CMYK | cmyk(45% 22% 0% 21%) |
| Lab | lab(63.09 -7.14 -27.91) |
| LCH | lch(63.09 28.81 255.65) |
| OKLab | oklab(68.328% -0.03076 -0.0762) |
| OKLCH | oklch(68.328% 0.08217 248.015) |
| Display P3 | color(display-p3 0.47769 0.61467 0.77683) |
| Rec. 2020 | color(rec2020 0.47889 0.57029 0.7487) |
| Adobe RGB | color(a98-rgb 0.49529 0.61386 0.78083) |
| ProPhoto RGB | color(prophoto-rgb 0.49465 0.54125 0.72038) |
| 線形sRGB | color(srgb-linear 0.16203 0.34191 0.59062) |
| XYZ D65 | color(xyz-d65 0.29568 0.32162 0.60529) |
| XYZ D50 | color(xyz-d50 0.28685 0.31697 0.45721) |
| SwiftUI | Color(red: 0.439, green: 0.62, blue: 0.792) |
| UIKit | UIColor(red: 0.439, green: 0.62, blue: 0.792, alpha: 1) |
| Flutter / Compose | Color(0xFF709ECA) |
| Android XML | #709ECA |

## 基本情報

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

## ティント

#709eca, #7ea8d0, #8cb1d5, #9abbda, #a9c4e0, #b7cee5, #c5d8ea, #d3e2f0, #e2ebf5, #f0f5fa

## シェード

#709eca, #6089af, #517495, #43607c, #354d64, #273a4d, #1a2937, #0e1822, #04090f, #010102

## トーン

#709eca, #759ec5, #799dc0, #7d9dbc, #829db7, #869cb2, #8a9cad, #8e9ba8, #929aa3, #959a9e

## カラーハーモニー

- 補色: #709eca, #bb9061
- 分裂補色: #709eca, #c68874, #a79a5d
- 類似色: #709eca, #59a6bb, #8d95cc
- トライアド: #709eca, #c6848f, #8ba36c
- テトラード: #709eca, #a78cc1, #bb9061, #8ba36c
- スクエア: #709eca, #bb86ab, #bb9061, #6ca986
- モノクロマティック: #709eca, #2b577f, #4d79a4, #95c4f2, #c6eaff

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

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

#709eca はやわらかな 青です。最も近い名前のある色はやわらかな 青です。RGBでは rgb(112, 158, 202)、HSLでは hsl(209.33, 45.92%, 61.57%)、OKLCHでは oklch(68.328% 0.08217 248.015) です。

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

#709eca の補色は #bb9061 です。落ち着いた組み合わせにするなら、類似色の #59a6bb と #8d95cc を使いましょう。トライアドの組み合わせは #c6848f と #8ba36c です。

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

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

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

#709eca は寒色系の色です。OKLCHでは色相 248度、明度 68.3%、クロマ 0.082 です。