# カラーコード #5c2e4e：やわらかな 暗いパープル

#5c2e4e はRGBで rgb(92, 46, 78)、OKLCHで oklch(37.328% 0.08055 339.837) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/5c2e4e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #5c2e4e |
| RGB | rgb(92, 46, 78) |
| HSL | hsl(318.26, 33.33%, 27.06%) |
| HSB / HSV | hsv(318.26 50% 36.08%) |
| HWB | hwb(318.26 18.04% 63.92%) |
| CMYK | cmyk(0% 50% 15% 64%) |
| Lab | lab(26.16 24.93 -10.11) |
| LCH | lch(26.16 26.9 337.93) |
| OKLab | oklab(37.328% 0.07561 -0.02776) |
| OKLCH | oklch(37.328% 0.08055 339.837) |
| Display P3 | color(display-p3 0.33693 0.18963 0.29987) |
| Rec. 2020 | color(rec2020 0.25238 0.13877 0.23797) |
| Adobe RGB | color(a98-rgb 0.32479 0.19456 0.3064) |
| ProPhoto RGB | color(prophoto-rgb 0.23956 0.15904 0.22997) |
| 線形sRGB | color(srgb-linear 0.10702 0.02732 0.07619) |
| XYZ D65 | color(xyz-d65 0.06765 0.0478 0.07774) |
| XYZ D50 | color(xyz-d50 0.06809 0.04802 0.05855) |
| SwiftUI | Color(red: 0.361, green: 0.18, blue: 0.306) |
| UIKit | UIColor(red: 0.361, green: 0.18, blue: 0.306, alpha: 1) |
| Flutter / Compose | Color(0xFF5C2E4E) |
| Android XML | #5C2E4E |

## 基本情報

- 最も近い色名: やわらかな 暗いパープル
- 色相の系統: パープル, やわらかな 暗いパープル
- 最も近いTailwindクラス: mauve-700
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 10.74:1
- 黒とのコントラスト: 1.96:1

## ティント

#5c2e4e, #6c415e, #7c546f, #8c687f, #9c7c91, #ac91a2, #bca6b4, #cdbcc6, #ded2d9, #eee8ec

## シェード

#5c2e4e, #4f2743, #421f38, #36182d, #2a1223, #1f0b19, #14060f, #0a0207, #030102, #000000

## トーン

#5c2e4e, #5a304d, #57324b, #55344a, #523649, #4f3847, #4d3a46, #4a3c45, #473d43, #443f42

## カラーハーモニー

- 補色: #5c2e4e, #084d31
- 分裂補色: #5c2e4e, #324916, #004d4a
- 類似色: #5c2e4e, #4e3360, #642c37
- トライアド: #5c2e4e, #4b4100, #004a5e
- テトラード: #5c2e4e, #64301d, #084d31, #004a5e
- スクエア: #5c2e4e, #5b3801, #084d31, #1a4369
- モノクロマティック: #5c2e4e, #190011, #3a0f2e, #804f70, #a57194

## #5c2e4e についてのよくある質問

### #5c2e4e は何色ですか？

#5c2e4e はやわらかな 暗いパープルです。最も近い名前のある色はやわらかな 暗いパープルです。RGBでは rgb(92, 46, 78)、HSLでは hsl(318.26, 33.33%, 27.06%)、OKLCHでは oklch(37.328% 0.08055 339.837) です。

### #5c2e4e に合う色は？

#5c2e4e の補色は #084d31 です。落ち着いた組み合わせにするなら、類似色の #4e3360 と #642c37 を使いましょう。トライアドの組み合わせは #4b4100 と #004a5e です。

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

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

### #5c2e4e は暖色と寒色のどちらですか？

#5c2e4e はニュートラルの色です。OKLCHでは色相 340度、明度 37.3%、クロマ 0.081 です。