# カラーコード #4b5083：くすんだ 暗いインディゴ

#4b5083 はRGBで rgb(75, 80, 131)、OKLCHで oklch(45.05% 0.0833 278.234) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/4b5083

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #4b5083 |
| RGB | rgb(75, 80, 131) |
| HSL | hsl(234.64, 27.18%, 40.39%) |
| HSB / HSV | hsv(234.64 42.75% 51.37%) |
| HWB | hwb(234.64 29.41% 48.63%) |
| CMYK | cmyk(43% 39% 0% 49%) |
| Lab | lab(35.38 8.67 -29.73) |
| LCH | lch(35.38 30.96 286.26) |
| OKLab | oklab(45.05% 0.01193 -0.08244) |
| OKLCH | oklch(45.05% 0.0833 278.234) |
| Display P3 | color(display-p3 0.29771 0.3131 0.4996) |
| Rec. 2020 | color(rec2020 0.25426 0.25587 0.44708) |
| Adobe RGB | color(a98-rgb 0.30451 0.31752 0.5033) |
| ProPhoto RGB | color(prophoto-rgb 0.27143 0.25153 0.41692) |
| 線形sRGB | color(srgb-linear 0.07036 0.08022 0.22697) |
| XYZ D65 | color(xyz-d65 0.09866 0.08872 0.22666) |
| XYZ D50 | color(xyz-d50 0.09405 0.08692 0.17084) |
| SwiftUI | Color(red: 0.294, green: 0.314, blue: 0.514) |
| UIKit | UIColor(red: 0.294, green: 0.314, blue: 0.514, alpha: 1) |
| Flutter / Compose | Color(0xFF4B5083) |
| Android XML | #4B5083 |

## 基本情報

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

## ティント

#4b5083, #5b608f, #6b719c, #7c82a8, #8e93b4, #a0a4c1, #b2b6cd, #c5c8da, #d8dae6, #ebecf2

## シェード

#4b5083, #404471, #353960, #2b2e4f, #21243f, #171a2f, #0e1020, #060712, #020206, #000001

## トーン

#4b5083, #4c517f, #4d527a, #4e5276, #4f5371, #50536d, #515468, #525464, #53555f, #54555a

## カラーハーモニー

- 補色: #4b5083, #625514
- 分裂補色: #4b5083, #734c1a, #485e29
- 類似色: #4b5083, #2c5981, #624879
- トライアド: #4b5083, #7c4432, #246344
- テトラード: #4b5083, #734265, #625514, #246344
- スクエア: #4b5083, #7c404c, #625514, #00645e
- モノクロマティック: #4b5083, #12103d, #2d2f5f, #6c72a8, #8f97cf

## #4b5083 についてのよくある質問

### #4b5083 は何色ですか？

#4b5083 はくすんだ 暗いインディゴです。最も近い名前のある色はくすんだ 暗いインディゴです。RGBでは rgb(75, 80, 131)、HSLでは hsl(234.64, 27.18%, 40.39%)、OKLCHでは oklch(45.05% 0.0833 278.234) です。

### #4b5083 に合う色は？

#4b5083 の補色は #625514 です。落ち着いた組み合わせにするなら、類似色の #2c5981 と #624879 を使いましょう。トライアドの組み合わせは #7c4432 と #246344 です。

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

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

### #4b5083 は暖色と寒色のどちらですか？

#4b5083 は寒色系の色です。OKLCHでは色相 278度、明度 45.1%、クロマ 0.083 です。