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

#7875bc はRGBで rgb(120, 117, 188)、OKLCHで oklch(59.521% 0.107 284.58) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/7875bc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #7875bc |
| RGB | rgb(120, 117, 188) |
| HSL | hsl(242.54, 34.63%, 59.8%) |
| HSB / HSV | hsv(242.54 37.77% 73.73%) |
| HWB | hwb(242.54 45.88% 26.27%) |
| CMYK | cmyk(36% 38% 0% 26%) |
| Lab | lab(51.81 14.31 -37.39) |
| LCH | lch(51.81 40.04 290.94) |
| OKLab | oklab(59.521% 0.02694 -0.10355) |
| OKLCH | oklch(59.521% 0.107 284.58) |
| Display P3 | color(display-p3 0.46853 0.45922 0.71795) |
| Rec. 2020 | color(rec2020 0.43135 0.41172 0.68268) |
| Adobe RGB | color(a98-rgb 0.46427 0.45608 0.72266) |
| ProPhoto RGB | color(prophoto-rgb 0.44073 0.39516 0.64907) |
| 線形sRGB | color(srgb-linear 0.18782 0.17789 0.50289) |
| XYZ D65 | color(xyz-d65 0.23183 0.20346 0.50284) |
| XYZ D50 | color(xyz-d50 0.22237 0.1998 0.379) |
| SwiftUI | Color(red: 0.471, green: 0.459, blue: 0.737) |
| UIKit | UIColor(red: 0.471, green: 0.459, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF7875BC) |
| Android XML | #7875BC |

## 基本情報

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

## ティント

#7875bc, #8482c3, #9190ca, #9e9ed1, #ababd8, #b8b9df, #c6c7e6, #d4d5ec, #e2e3f2, #f0f1f9

## シェード

#7875bc, #6765a3, #57558b, #484673, #39375d, #2a2947, #1d1c32, #100f1f, #05050d, #010102

## トーン

#7875bc, #7876b6, #7978b0, #7979aa, #7a7aa4, #7b7b9e, #7b7c98, #7c7d92, #7d7d8b, #7e7e85

## カラーハーモニー

- 補色: #7875bc, #89822b
- 分裂補色: #7875bc, #a4742a, #638d49
- 類似色: #7875bc, #5081bd, #966aab
- トライアド: #7875bc, #b36947, #30936e
- テトラード: #7875bc, #ab638e, #89822b, #30936e
- スクエア: #7875bc, #b5626b, #89822b, #009292
- モノクロマティック: #7875bc, #383071, #565296, #9c9ae4, #c1c0ff

## #7875bc についてのよくある質問

### #7875bc は何色ですか？

#7875bc はやわらかな インディゴです。最も近い名前のある色はやわらかな インディゴです。RGBでは rgb(120, 117, 188)、HSLでは hsl(242.54, 34.63%, 59.8%)、OKLCHでは oklch(59.521% 0.107 284.58) です。

### #7875bc に合う色は？

#7875bc の補色は #89822b です。落ち着いた組み合わせにするなら、類似色の #5081bd と #966aab を使いましょう。トライアドの組み合わせは #b36947 と #30936e です。

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

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

### #7875bc は暖色と寒色のどちらですか？

#7875bc は寒色系の色です。OKLCHでは色相 285度、明度 59.5%、クロマ 0.107 です。