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

#6e72bc はRGBで rgb(110, 114, 188)、OKLCHで oklch(58.131% 0.11277 279.92) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/6e72bc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6e72bc |
| RGB | rgb(110, 114, 188) |
| HSL | hsl(236.92, 36.79%, 58.43%) |
| HSB / HSV | hsv(236.92 41.49% 73.73%) |
| HWB | hwb(236.92 43.14% 26.27%) |
| CMYK | cmyk(41% 39% 0% 26%) |
| Lab | lab(50.19 12.98 -40) |
| LCH | lch(50.19 42.05 287.98) |
| OKLab | oklab(58.131% 0.01943 -0.11108) |
| OKLCH | oklch(58.131% 0.11277 279.92) |
| Display P3 | color(display-p3 0.43421 0.44655 0.7171) |
| Rec. 2020 | color(rec2020 0.40247 0.39754 0.68165) |
| Adobe RGB | color(a98-rgb 0.43393 0.44469 0.72239) |
| ProPhoto RGB | color(prophoto-rgb 0.41883 0.3815 0.64776) |
| 線形sRGB | color(srgb-linear 0.15593 0.16827 0.50289) |
| XYZ D65 | color(xyz-d65 0.21523 0.1898 0.50108) |
| XYZ D50 | color(xyz-d50 0.20476 0.18581 0.37762) |
| SwiftUI | Color(red: 0.431, green: 0.447, blue: 0.737) |
| UIKit | UIColor(red: 0.431, green: 0.447, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFF6E72BC) |
| Android XML | #6E72BC |

## 基本情報

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

## ティント

#6e72bc, #7b80c3, #898eca, #969cd1, #a5a9d8, #b3b7df, #c2c6e6, #d1d4ec, #e0e2f3, #eff0f9

## シェード

#6e72bc, #5f62a3, #50538b, #414473, #33365d, #262847, #191b32, #0e0e1f, #04040d, #010102

## トーン

#6e72bc, #6f73b6, #7074af, #7176a9, #7277a3, #74779c, #757896, #76798f, #787a88, #797a81

## カラーハーモニー

- 補色: #6e72bc, #8b7b19
- 分裂補色: #6e72bc, #a56d21, #64883b
- 類似色: #6e72bc, #417fbb, #8f67ac
- トライアド: #6e72bc, #b26145, #2e8f63
- テトラード: #6e72bc, #a65e90, #8b7b19, #2e8f63
- スクエア: #6e72bc, #b25c6b, #8b7b19, #008f89
- モノクロマティック: #6e72bc, #2f2d70, #4d4f95, #9197e4, #b6bdff

## #6e72bc についてのよくある質問

### #6e72bc は何色ですか？

#6e72bc はやわらかな インディゴです。最も近い名前のある色はやわらかな インディゴです。RGBでは rgb(110, 114, 188)、HSLでは hsl(236.92, 36.79%, 58.43%)、OKLCHでは oklch(58.131% 0.11277 279.92) です。

### #6e72bc に合う色は？

#6e72bc の補色は #8b7b19 です。落ち着いた組み合わせにするなら、類似色の #417fbb と #8f67ac を使いましょう。トライアドの組み合わせは #b26145 と #2e8f63 です。

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

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

### #6e72bc は暖色と寒色のどちらですか？

#6e72bc は寒色系の色です。OKLCHでは色相 280度、明度 58.1%、クロマ 0.113 です。