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

#706caa はRGBで rgb(112, 108, 170)、OKLCHで oklch(56.109% 0.09487 285.859) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/706caa

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #706caa |
| RGB | rgb(112, 108, 170) |
| HSL | hsl(243.87, 26.72%, 54.51%) |
| HSB / HSV | hsv(243.87 36.47% 66.67%) |
| HWB | hwb(243.87 42.35% 33.33%) |
| CMYK | cmyk(34% 36% 0% 33%) |
| Lab | lab(48 13.01 -33.02) |
| LCH | lch(48 35.49 291.5) |
| OKLab | oklab(56.109% 0.02593 -0.09126) |
| OKLCH | oklch(56.109% 0.09487 285.859) |
| Display P3 | color(display-p3 0.43648 0.42406 0.64967) |
| Rec. 2020 | color(rec2020 0.3939 0.37392 0.60845) |
| Adobe RGB | color(a98-rgb 0.43287 0.422 0.65293) |
| ProPhoto RGB | color(prophoto-rgb 0.39953 0.35907 0.5741) |
| 線形sRGB | color(srgb-linear 0.16203 0.14996 0.40198) |
| XYZ D65 | color(xyz-d65 0.19299 0.17072 0.4031) |
| XYZ D50 | color(xyz-d50 0.18593 0.16792 0.30387) |
| SwiftUI | Color(red: 0.439, green: 0.424, blue: 0.667) |
| UIKit | UIColor(red: 0.439, green: 0.424, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF706CAA) |
| Android XML | #706CAA |

## 基本情報

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

## ティント

#706caa, #7d7ab3, #8a88bc, #9897c4, #a6a5cd, #b4b4d5, #c3c3de, #d1d1e6, #e0e0ee, #f0f0f7

## シェード

#706caa, #605d93, #514e7d, #434068, #353253, #27253f, #1a192d, #0e0d1b, #04040b, #010001

## トーン

#706caa, #706da5, #716ea0, #716f9a, #717095, #727190, #72728b, #737385, #737380, #74747a

## カラーハーモニー

- 補色: #706caa, #7c782f
- 分裂補色: #706caa, #956c2d, #5b8148
- 類似色: #706caa, #4e76ac, #8a639a
- トライアド: #706caa, #a26243, #328668
- テトラード: #706caa, #9d5d81, #7c782f, #328668
- スクエア: #706caa, #a55c62, #7c782f, #048687
- モノクロマティック: #706caa, #302960, #4f4a84, #9390d1, #b8b6f9

## #706caa についてのよくある質問

### #706caa は何色ですか？

#706caa はやわらかな インディゴです。最も近い名前のある色はやわらかな インディゴです。RGBでは rgb(112, 108, 170)、HSLでは hsl(243.87, 26.72%, 54.51%)、OKLCHでは oklch(56.109% 0.09487 285.859) です。

### #706caa に合う色は？

#706caa の補色は #7c782f です。落ち着いた組み合わせにするなら、類似色の #4e76ac と #8a639a を使いましょう。トライアドの組み合わせは #a26243 と #328668 です。

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

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

### #706caa は暖色と寒色のどちらですか？

#706caa は寒色系の色です。OKLCHでは色相 286度、明度 56.1%、クロマ 0.095 です。