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

#533353 はRGBで rgb(83, 51, 83)、OKLCHで oklch(37.238% 0.06741 326.824) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/533353

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #533353 |
| RGB | rgb(83, 51, 83) |
| HSL | hsl(300, 23.88%, 26.27%) |
| HSB / HSV | hsv(300 38.55% 32.55%) |
| HWB | hwb(300 20% 67.45%) |
| CMYK | cmyk(0% 39% 0% 67%) |
| Lab | lab(26.22 19.22 -13.46) |
| LCH | lch(26.22 23.47 325) |
| OKLab | oklab(37.238% 0.05642 -0.03689) |
| OKLCH | oklch(37.238% 0.06741 326.824) |
| Display P3 | color(display-p3 0.30753 0.2056 0.31831) |
| Rec. 2020 | color(rec2020 0.23059 0.15126 0.25704) |
| Adobe RGB | color(a98-rgb 0.30093 0.21232 0.32477) |
| ProPhoto RGB | color(prophoto-rgb 0.22619 0.16693 0.24619) |
| 線形sRGB | color(srgb-linear 0.0865 0.0331 0.0865) |
| XYZ D65 | color(xyz-d65 0.06312 0.04831 0.08784) |
| XYZ D50 | color(xyz-d50 0.06285 0.04822 0.06619) |
| SwiftUI | Color(red: 0.325, green: 0.2, blue: 0.325) |
| UIKit | UIColor(red: 0.325, green: 0.2, blue: 0.325, alpha: 1) |
| Flutter / Compose | Color(0xFF533353) |
| Android XML | #533353 |

## 基本情報

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

## ティント

#533353, #634563, #735873, #846b83, #957f94, #a693a5, #b7a8b7, #c9bdc8, #dbd3da, #ede9ed

## シェード

#533353, #472b47, #3b233b, #301c30, #251425, #1b0d1b, #110711, #080308, #020102, #000000

## トーン

#533353, #513551, #50364f, #4e384e, #4c394c, #4a3a4a, #483c48, #463d46, #443e44, #423f42

## カラーハーモニー

- 補色: #533353, #264a2b
- 分裂補色: #533353, #3e4517, #044c40
- 類似色: #533353, #443860, #5c3041
- トライアド: #533353, #503e0e, #004a52
- テトラード: #533353, #5f312d, #264a2b, #004a52
- スクエア: #533353, #5b3619, #264a2b, #16455f
- モノクロマティック: #533353, #140015, #321533, #765375, #9a7699

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

### #533353 は何色ですか？

#533353 はやわらかな 暗いパープルです。最も近い名前のある色はやわらかな 暗いパープルです。RGBでは rgb(83, 51, 83)、HSLでは hsl(300, 23.88%, 26.27%)、OKLCHでは oklch(37.238% 0.06741 326.824) です。

### #533353 に合う色は？

#533353 の補色は #264a2b です。落ち着いた組み合わせにするなら、類似色の #443860 と #5c3041 を使いましょう。トライアドの組み合わせは #503e0e と #004a52 です。

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

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

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

#533353 はニュートラルの色です。OKLCHでは色相 327度、明度 37.2%、クロマ 0.067 です。