# カラーコード #787ec9：やわらかな インディゴ

#787ec9 はRGBで rgb(120, 126, 201)、OKLCHで oklch(62.011% 0.1129 279.074) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/787ec9

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #787ec9 |
| RGB | rgb(120, 126, 201) |
| HSL | hsl(235.56, 42.86%, 62.94%) |
| HSB / HSV | hsv(235.56 40.3% 78.82%) |
| HWB | hwb(235.56 47.06% 21.18%) |
| CMYK | cmyk(40% 37% 0% 21%) |
| Lab | lab(54.74 12.13 -40.22) |
| LCH | lch(54.74 42.01 286.79) |
| OKLab | oklab(62.011% 0.01781 -0.11149) |
| OKLCH | oklch(62.011% 0.1129 279.074) |
| Display P3 | color(display-p3 0.47487 0.49336 0.76746) |
| Rec. 2020 | color(rec2020 0.44749 0.44705 0.73694) |
| Adobe RGB | color(a98-rgb 0.47414 0.49037 0.7736) |
| ProPhoto RGB | color(prophoto-rgb 0.46334 0.4281 0.70515) |
| 線形sRGB | color(srgb-linear 0.18782 0.20864 0.58408) |
| XYZ D65 | color(xyz-d65 0.25748 0.23131 0.58368) |
| XYZ D50 | color(xyz-d50 0.24583 0.22676 0.43996) |
| SwiftUI | Color(red: 0.471, green: 0.494, blue: 0.788) |
| UIKit | UIColor(red: 0.471, green: 0.494, blue: 0.788, alpha: 1) |
| Flutter / Compose | Color(0xFF787EC9) |
| Android XML | #787EC9 |

## 基本情報

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

## ティント

#787ec9, #848bcf, #9197d5, #9ea4db, #abb1e0, #b8bee6, #c6cbeb, #d4d8f0, #e2e5f5, #f1f2fa

## シェード

#787ec9, #676dae, #575c95, #484c7c, #393c64, #2a2d4c, #1d1f36, #101122, #05050f, #010102

## トーン

#787ec9, #797fc3, #7a80bc, #7c81b6, #7d82af, #7e83a8, #8084a2, #81849b, #838594, #84868d

## カラーハーモニー

- 補色: #787ec9, #978728
- 分裂補色: #787ec9, #b27830, #719346
- 類似色: #787ec9, #4b8bc7, #9a72ba
- トライアド: #787ec9, #bf6d51, #3d9b6d
- テトラード: #787ec9, #b26a9d, #978728, #3d9b6d
- スクエア: #787ec9, #bf6778, #978728, #009b94
- モノクロマティック: #787ec9, #37387c, #565aa2, #9ca3f1, #c4cbff

## #787ec9 についてのよくある質問

### #787ec9 は何色ですか？

#787ec9 はやわらかな インディゴです。最も近い名前のある色はやわらかな インディゴです。RGBでは rgb(120, 126, 201)、HSLでは hsl(235.56, 42.86%, 62.94%)、OKLCHでは oklch(62.011% 0.1129 279.074) です。

### #787ec9 に合う色は？

#787ec9 の補色は #978728 です。落ち着いた組み合わせにするなら、類似色の #4b8bc7 と #9a72ba を使いましょう。トライアドの組み合わせは #bf6d51 と #3d9b6d です。

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

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

### #787ec9 は暖色と寒色のどちらですか？

#787ec9 は寒色系の色です。OKLCHでは色相 279度、明度 62%、クロマ 0.113 です。