# カラーコード #696aa4：くすんだ インディゴ

#696aa4 はRGBで rgb(105, 106, 164)、OKLCHで oklch(54.81% 0.08968 282.265) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/696aa4

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #696aa4 |
| RGB | rgb(105, 106, 164) |
| HSL | hsl(238.98, 24.48%, 52.75%) |
| HSB / HSV | hsv(238.98 35.98% 64.31%) |
| HWB | hwb(238.98 41.18% 35.69%) |
| CMYK | cmyk(36% 35% 0% 36%) |
| Lab | lab(46.61 10.6 -31.72) |
| LCH | lch(46.61 33.45 288.48) |
| OKLab | oklab(54.81% 0.01905 -0.08764) |
| OKLCH | oklch(54.81% 0.08968 282.265) |
| Display P3 | color(display-p3 0.41246 0.41556 0.62691) |
| Rec. 2020 | color(rec2020 0.37185 0.36389 0.58388) |
| Adobe RGB | color(a98-rgb 0.41177 0.41446 0.62991) |
| ProPhoto RGB | color(prophoto-rgb 0.37916 0.34887 0.54974) |
| 線形sRGB | color(srgb-linear 0.14126 0.14413 0.37124) |
| XYZ D65 | color(xyz-d65 0.1768 0.15991 0.37278) |
| XYZ D50 | color(xyz-d50 0.17023 0.15726 0.28106) |
| SwiftUI | Color(red: 0.412, green: 0.416, blue: 0.643) |
| UIKit | UIColor(red: 0.412, green: 0.416, blue: 0.643, alpha: 1) |
| Flutter / Compose | Color(0xFF696AA4) |
| Android XML | #696AA4 |

## 基本情報

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

## ティント

#696aa4, #7778ad, #8587b7, #9395c0, #a2a4c9, #b0b3d2, #c0c2db, #cfd1e4, #dfe0ed, #efeff6

## シェード

#696aa4, #5a5b8e, #4c4d79, #3e3f64, #313150, #24243d, #18182b, #0c0d1a, #04040a, #000001

## トーン

#696aa4, #6a6b9f, #6a6c9a, #6b6d95, #6c6d90, #6d6e8b, #6d6f86, #6e6f81, #6f707c, #707076

## カラーハーモニー

- 補色: #696aa4, #7b732e
- 分裂補色: #696aa4, #916830, #5d7c43
- 類似色: #696aa4, #4974a4, #836197
- トライアド: #696aa4, #9d5f46, #388161
- テトラード: #696aa4, #955b7f, #7b732e, #388161
- スクエア: #696aa4, #9e5a63, #7b732e, #14817f
- モノクロマティック: #696aa4, #2a275b, #48487f, #8c8ecb, #b1b3f3

## #696aa4 についてのよくある質問

### #696aa4 は何色ですか？

#696aa4 はくすんだ インディゴです。最も近い名前のある色はくすんだ インディゴです。RGBでは rgb(105, 106, 164)、HSLでは hsl(238.98, 24.48%, 52.75%)、OKLCHでは oklch(54.81% 0.08968 282.265) です。

### #696aa4 に合う色は？

#696aa4 の補色は #7b732e です。落ち着いた組み合わせにするなら、類似色の #4974a4 と #836197 を使いましょう。トライアドの組み合わせは #9d5f46 と #388161 です。

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

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

### #696aa4 は暖色と寒色のどちらですか？

#696aa4 は寒色系の色です。OKLCHでは色相 282度、明度 54.8%、クロマ 0.09 です。