# カラーコード #747daa：スモーキーな インディゴ

#747daa はRGBで rgb(116, 125, 170)、OKLCHで oklch(59.974% 0.06951 275.373) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/747daa

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #747daa |
| RGB | rgb(116, 125, 170) |
| HSL | hsl(230, 24.11%, 56.08%) |
| HSB / HSV | hsv(230 31.76% 66.67%) |
| HWB | hwb(230 45.49% 33.33%) |
| CMYK | cmyk(32% 26% 0% 33%) |
| Lab | lab(52.98 4.77 -25.3) |
| LCH | lch(52.98 25.74 280.68) |
| OKLab | oklab(59.974% 0.00651 -0.06921) |
| OKLCH | oklch(59.974% 0.06951 275.373) |
| Display P3 | color(display-p3 0.46142 0.48908 0.65292) |
| Rec. 2020 | color(rec2020 0.42689 0.43973 0.61272) |
| Adobe RGB | color(a98-rgb 0.46235 0.48655 0.65464) |
| ProPhoto RGB | color(prophoto-rgb 0.42754 0.41756 0.57987) |
| 線形sRGB | color(srgb-linear 0.17465 0.20508 0.40198) |
| XYZ D65 | color(xyz-d65 0.21791 0.21282 0.40991) |
| XYZ D50 | color(xyz-d50 0.21266 0.21024 0.30939) |
| SwiftUI | Color(red: 0.455, green: 0.49, blue: 0.667) |
| UIKit | UIColor(red: 0.455, green: 0.49, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFF747DAA) |
| Android XML | #747DAA |

## 基本情報

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

## ティント

#747daa, #8189b3, #8e96bb, #9ba3c4, #a9afcc, #b7bcd5, #c5c9dd, #d3d7e6, #e2e4ee, #f0f1f7

## シェード

#747daa, #646c93, #545b7d, #454b68, #373b53, #292c3f, #1b1e2d, #0f111b, #05050b, #010101

## トーン

#747daa, #757da6, #767ea2, #777e9e, #797f9a, #7a7f95, #7b7f91, #7c7f8d, #7d8089, #7f8084

## カラーハーモニー

- 補色: #747daa, #8d804f
- 分裂補色: #747daa, #9d7853, #76885a
- 類似色: #747daa, #5d85a7, #8a76a2
- トライアド: #747daa, #a57164, #5e8d6e
- テトラード: #747daa, #9b7090, #8d804f, #5e8d6e
- スクエア: #747daa, #a46f7a, #8d804f, #4b8e86
- モノクロマティック: #747daa, #333961, #525a85, #98a2d1, #bdc8f8

## #747daa についてのよくある質問

### #747daa は何色ですか？

#747daa はスモーキーな インディゴです。最も近い名前のある色はスモーキーな インディゴです。RGBでは rgb(116, 125, 170)、HSLでは hsl(230, 24.11%, 56.08%)、OKLCHでは oklch(59.974% 0.06951 275.373) です。

### #747daa に合う色は？

#747daa の補色は #8d804f です。落ち着いた組み合わせにするなら、類似色の #5d85a7 と #8a76a2 を使いましょう。トライアドの組み合わせは #a57164 と #5e8d6e です。

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

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

### #747daa は暖色と寒色のどちらですか？

#747daa は寒色系の色です。OKLCHでは色相 275度、明度 60%、クロマ 0.07 です。