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

#8993dc はRGBで rgb(137, 147, 220)、OKLCHで oklch(68.456% 0.10811 277.178) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/8993dc

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #8993dc |
| RGB | rgb(137, 147, 220) |
| HSL | hsl(232.77, 54.25%, 70%) |
| HSB / HSV | hsv(232.77 37.73% 86.27%) |
| HWB | hwb(232.77 53.73% 13.73%) |
| CMYK | cmyk(38% 33% 0% 14%) |
| Lab | lab(62.36 9.81 -38.86) |
| LCH | lch(62.36 40.07 284.17) |
| OKLab | oklab(68.456% 0.01351 -0.10726) |
| OKLCH | oklch(68.456% 0.10811 277.178) |
| Display P3 | color(display-p3 0.54448 0.57522 0.84176) |
| Rec. 2020 | color(rec2020 0.52462 0.53411 0.81918) |
| Adobe RGB | color(a98-rgb 0.54388 0.57115 0.84932) |
| ProPhoto RGB | color(prophoto-rgb 0.53954 0.51192 0.7925) |
| 線形sRGB | color(srgb-linear 0.25016 0.29177 0.71569) |
| XYZ D65 | color(xyz-d65 0.33666 0.31353 0.7199) |
| XYZ D50 | color(xyz-d50 0.32386 0.30821 0.54288) |
| SwiftUI | Color(red: 0.537, green: 0.576, blue: 0.863) |
| UIKit | UIColor(red: 0.537, green: 0.576, blue: 0.863, alpha: 1) |
| Flutter / Compose | Color(0xFF8993DC) |
| Android XML | #8993DC |

## 基本情報

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

## ティント

#8993dc, #949ee0, #9fa8e4, #abb3e8, #b6beec, #c2c9ef, #ced4f3, #dadef6, #e6e9f9, #f2f4fc

## シェード

#8993dc, #767fbf, #646ca3, #535988, #42476e, #313654, #22253c, #141626, #070811, #010102

## トーン

#8993dc, #8a94d6, #8c95cf, #8e96c9, #8f96c2, #9197bc, #9398b5, #9498ae, #9699a7, #9899a0

## カラーハーモニー

- 補色: #8993dc, #ac9a44
- 分裂補色: #8993dc, #c68c4b, #87a65a
- 類似色: #8993dc, #5f9fd9, #ab87ce
- トライアド: #8993dc, #d38169, #5aae7f
- テトラード: #8993dc, #c47fb2, #ac9a44, #5aae7f
- スクエア: #8993dc, #d27c8e, #ac9a44, #2fafa5
- モノクロマティック: #8993dc, #464c8e, #666fb5, #aeb9ff, #dce3ff

## #8993dc についてのよくある質問

### #8993dc は何色ですか？

#8993dc はやわらかな インディゴです。最も近い名前のある色はやわらかな インディゴです。RGBでは rgb(137, 147, 220)、HSLでは hsl(232.77, 54.25%, 70%)、OKLCHでは oklch(68.456% 0.10811 277.178) です。

### #8993dc に合う色は？

#8993dc の補色は #ac9a44 です。落ち着いた組み合わせにするなら、類似色の #5f9fd9 と #ab87ce を使いましょう。トライアドの組み合わせは #d38169 と #5aae7f です。

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

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

### #8993dc は暖色と寒色のどちらですか？

#8993dc は寒色系の色です。OKLCHでは色相 277度、明度 68.5%、クロマ 0.108 です。