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

#6471bb はRGBで rgb(100, 113, 187)、OKLCHで oklch(57.135% 0.11492 274.645) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/6471bb

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #6471bb |
| RGB | rgb(100, 113, 187) |
| HSL | hsl(231.03, 39.01%, 56.27%) |
| HSB / HSV | hsv(231.03 46.52% 73.33%) |
| HWB | hwb(231.03 39.22% 26.67%) |
| CMYK | cmyk(47% 40% 0% 27%) |
| Lab | lab(49.11 10.43 -41.19) |
| LCH | lch(49.11 42.49 284.21) |
| OKLab | oklab(57.135% 0.00931 -0.11454) |
| OKLCH | oklch(57.135% 0.11492 274.645) |
| Display P3 | color(display-p3 0.4018 0.44156 0.71291) |
| Rec. 2020 | color(rec2020 0.37696 0.39106 0.67707) |
| Adobe RGB | color(a98-rgb 0.40658 0.4409 0.71846) |
| ProPhoto RGB | color(prophoto-rgb 0.39959 0.37459 0.64302) |
| 線形sRGB | color(srgb-linear 0.12744 0.16513 0.49693) |
| XYZ D65 | color(xyz-d65 0.20129 0.18107 0.4945) |
| XYZ D50 | color(xyz-d50 0.19027 0.17686 0.37267) |
| SwiftUI | Color(red: 0.392, green: 0.443, blue: 0.733) |
| UIKit | UIColor(red: 0.392, green: 0.443, blue: 0.733, alpha: 1) |
| Flutter / Compose | Color(0xFF6471BB) |
| Android XML | #6471BB |

## 基本情報

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

## ティント

#6471bb, #727fc2, #808dca, #8f9bd1, #9ea9d8, #aeb7df, #bdc5e5, #cdd4ec, #dee2f3, #eef0f9

## シェード

#6471bb, #5661a2, #48528a, #3b4373, #2e355c, #222746, #161a32, #0b0e1f, #03040d, #000102

## トーン

#6471bb, #6672b5, #6873ae, #6974a7, #6b75a1, #6d769a, #6f7693, #71778d, #737786, #75777f

## カラーハーモニー

- 補色: #6471bb, #8e7609
- 分裂補色: #6471bb, #a66720, #69832f
- 類似色: #6471bb, #327eb7, #8765ae
- トライアド: #6471bb, #b15c48, #348b59
- テトラード: #6471bb, #a05c93, #8e7609, #348b59
- スクエア: #6471bb, #af586f, #8e7609, #008d80
- モノクロマティック: #6471bb, #262c6f, #444e94, #8796e3, #abbcff

## #6471bb についてのよくある質問

### #6471bb は何色ですか？

#6471bb はやわらかな インディゴです。最も近い名前のある色はやわらかな インディゴです。RGBでは rgb(100, 113, 187)、HSLでは hsl(231.03, 39.01%, 56.27%)、OKLCHでは oklch(57.135% 0.11492 274.645) です。

### #6471bb に合う色は？

#6471bb の補色は #8e7609 です。落ち着いた組み合わせにするなら、類似色の #327eb7 と #8765ae を使いましょう。トライアドの組み合わせは #b15c48 と #348b59 です。

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

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

### #6471bb は暖色と寒色のどちらですか？

#6471bb は寒色系の色です。OKLCHでは色相 275度、明度 57.1%、クロマ 0.115 です。