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

#787fb7 はRGBで rgb(120, 127, 183)、OKLCHで oklch(61.309% 0.08518 278.091) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #787fb7 |
| RGB | rgb(120, 127, 183) |
| HSL | hsl(233.33, 30.43%, 59.41%) |
| HSB / HSV | hsv(233.33 34.43% 71.76%) |
| HWB | hwb(233.33 47.06% 28.24%) |
| CMYK | cmyk(34% 31% 0% 28%) |
| Lab | lab(54.31 7.66 -30.67) |
| LCH | lch(54.31 31.61 284.03) |
| OKLab | oklab(61.309% 0.01199 -0.08433) |
| OKLCH | oklch(61.309% 0.08518 278.091) |
| Display P3 | color(display-p3 0.47561 0.49716 0.70122) |
| Rec. 2020 | color(rec2020 0.44328 0.44943 0.66498) |
| Adobe RGB | color(a98-rgb 0.47528 0.49419 0.70444) |
| ProPhoto RGB | color(prophoto-rgb 0.44839 0.42813 0.63212) |
| 線形sRGB | color(srgb-linear 0.18782 0.21223 0.47353) |
| XYZ D65 | color(xyz-d65 0.23881 0.2259 0.47903) |
| XYZ D50 | color(xyz-d50 0.2314 0.22264 0.36137) |
| SwiftUI | Color(red: 0.471, green: 0.498, blue: 0.718) |
| UIKit | UIColor(red: 0.471, green: 0.498, blue: 0.718, alpha: 1) |
| Flutter / Compose | Color(0xFF787FB7) |
| Android XML | #787FB7 |

## 基本情報

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

## ティント

#787fb7, #848bbe, #9198c6, #9ea4cd, #abb1d5, #b9bedc, #c6cbe3, #d4d8ea, #e2e5f1, #f1f2f8

## シェード

#787fb7, #676e9f, #575d87, #484c70, #393c5a, #2a2d45, #1d1f31, #10111e, #05060c, #010102

## トーン

#787fb7, #7980b2, #7a80ad, #7b81a8, #7c82a3, #7e829e, #7f8399, #808394, #81838f, #838489

## カラーハーモニー

- 補色: #787fb7, #928545
- 分裂補色: #787fb7, #a67a49, #758e55
- 類似色: #787fb7, #5a89b5, #9276ac
- トライアド: #787fb7, #b1725e, #559471
- テトラード: #787fb7, #a67096, #928545, #559471
- スクエア: #787fb7, #b06e7a, #928545, #3b958e
- モノクロマティック: #787fb7, #373b6d, #565c91, #9ca4de, #c1caff

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

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

#787fb7 はやわらかな インディゴです。最も近い名前のある色はやわらかな インディゴです。RGBでは rgb(120, 127, 183)、HSLでは hsl(233.33, 30.43%, 59.41%)、OKLCHでは oklch(61.309% 0.08518 278.091) です。

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

#787fb7 の補色は #928545 です。落ち着いた組み合わせにするなら、類似色の #5a89b5 と #9276ac を使いましょう。トライアドの組み合わせは #b1725e と #559471 です。

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

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

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

#787fb7 は寒色系の色です。OKLCHでは色相 278度、明度 61.3%、クロマ 0.085 です。