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

#7783bf はRGBで rgb(119, 131, 191)、OKLCHで oklch(62.454% 0.09176 274.78) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7783bf

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7783bf |
| RGB | rgb(119, 131, 191) |
| HSL | hsl(230, 36%, 60.78%) |
| HSB / HSV | hsv(230 37.7% 74.9%) |
| HWB | hwb(230 46.67% 25.1%) |
| CMYK | cmyk(38% 31% 0% 25%) |
| Lab | lab(55.62 6.86 -33.19) |
| LCH | lch(55.62 33.9 281.68) |
| OKLab | oklab(62.454% 0.00765 -0.09144) |
| OKLCH | oklch(62.454% 0.09176 274.78) |
| Display P3 | color(display-p3 0.47545 0.51225 0.73136) |
| Rec. 2020 | color(rec2020 0.44888 0.46518 0.69786) |
| Adobe RGB | color(a98-rgb 0.47727 0.50951 0.73553) |
| ProPhoto RGB | color(prophoto-rgb 0.45861 0.44312 0.66569) |
| 線形sRGB | color(srgb-linear 0.18447 0.22697 0.521) |
| XYZ D65 | color(xyz-d65 0.25126 0.23916 0.52584) |
| XYZ D50 | color(xyz-d50 0.2424 0.23534 0.39665) |
| SwiftUI | Color(red: 0.467, green: 0.514, blue: 0.749) |
| UIKit | UIColor(red: 0.467, green: 0.514, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFF7783BF) |
| Android XML | #7783BF |

## 基本情報

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

## ティント

#7783bf, #848fc6, #909bcc, #9ea7d3, #abb4da, #b8c0e0, #c6cce6, #d4d9ed, #e2e6f3, #f1f2f9

## シェード

#7783bf, #6771a6, #57608d, #474f75, #383f5e, #2a2f48, #1c2033, #10121f, #05060d, #010102

## トーン

#7783bf, #7984ba, #7a84b4, #7c85af, #7d85a9, #7f86a4, #81869e, #828799, #848793, #86878d

## カラーハーモニー

- 補色: #7783bf, #998742
- 分裂補色: #7783bf, #ae7b49, #7b9152
- 類似色: #7783bf, #558dbb, #9479b4
- トライアド: #7783bf, #b87362, #57986f
- テトラード: #7783bf, #aa729e, #998742, #57986f
- スクエア: #7783bf, #b66f80, #998742, #37998e
- モノクロマティック: #7783bf, #363e74, #556099, #9ba8e7, #c1cfff

## #7783bf についてのよくある質問

### #7783bf は何色ですか？

#7783bf はやわらかな インディゴです。最も近い名前のある色はやわらかな インディゴです。RGBでは rgb(119, 131, 191)、HSLでは hsl(230, 36%, 60.78%)、OKLCHでは oklch(62.454% 0.09176 274.78) です。

### #7783bf に合う色は？

#7783bf の補色は #998742 です。落ち着いた組み合わせにするなら、類似色の #558dbb と #9479b4 を使いましょう。トライアドの組み合わせは #b87362 と #57986f です。

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

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

### #7783bf は暖色と寒色のどちらですか？

#7783bf は寒色系の色です。OKLCHでは色相 275度、明度 62.5%、クロマ 0.092 です。