# カラーコード #643b4e：やわらかな 暗いピンク

#643b4e はRGBで rgb(100, 59, 78)、OKLCHで oklch(40.798% 0.06357 351.013) です。ほかの形式、シェード、コントラストはすべて下にあります。

出典: https://pickshade.com/ja/color/643b4e

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #643b4e |
| RGB | rgb(100, 59, 78) |
| HSL | hsl(332.2, 25.79%, 31.18%) |
| HSB / HSV | hsv(332.2 41% 39.22%) |
| HWB | hwb(332.2 23.14% 60.78%) |
| CMYK | cmyk(0% 41% 22% 61%) |
| Lab | lab(30.48 20.7 -3.54) |
| LCH | lch(30.48 21 350.3) |
| OKLab | oklab(40.798% 0.06279 -0.00993) |
| OKLCH | oklch(40.798% 0.06357 351.013) |
| Display P3 | color(display-p3 0.36964 0.23882 0.30296) |
| Rec. 2020 | color(rec2020 0.28661 0.18594 0.24167) |
| Adobe RGB | color(a98-rgb 0.35667 0.24098 0.30767) |
| ProPhoto RGB | color(prophoto-rgb 0.26662 0.19531 0.23403) |
| 線形sRGB | color(srgb-linear 0.12744 0.04374 0.07619) |
| XYZ D65 | color(xyz-d65 0.08194 0.06388 0.08009) |
| XYZ D50 | color(xyz-d50 0.08332 0.06433 0.06042) |
| SwiftUI | Color(red: 0.392, green: 0.231, blue: 0.306) |
| UIKit | UIColor(red: 0.392, green: 0.231, blue: 0.306, alpha: 1) |
| Flutter / Compose | Color(0xFF643B4E) |
| Android XML | #643B4E |

## 基本情報

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

## ティント

#643b4e, #734d5e, #825f6e, #91717f, #a18490, #b098a2, #c0acb4, #cfc0c6, #dfd5d9, #efeaec

## シェード

#643b4e, #563243, #482938, #3b212d, #2e1923, #221119, #16090f, #0b0407, #030102, #000000

## トーン

#643b4e, #623d4e, #5f3e4d, #5d404d, #5a414c, #58434c, #55444b, #52464b, #50474b, #4d484a

## カラーハーモニー

- 補色: #643b4e, #1e5545
- 分裂補色: #643b4e, #365231, #105458
- 類似色: #643b4e, #5a3e5f, #683b3b
- トライアド: #643b4e, #4b4d22, #205066
- テトラード: #643b4e, #653f29, #1e5545, #205066
- スクエア: #643b4e, #5b461e, #1e5545, #364a6c
- モノクロマティック: #643b4e, #210212, #421c2f, #885c70, #ad7f93

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

### #643b4e は何色ですか？

#643b4e はやわらかな 暗いピンクです。最も近い名前のある色はやわらかな 暗いピンクです。RGBでは rgb(100, 59, 78)、HSLでは hsl(332.2, 25.79%, 31.18%)、OKLCHでは oklch(40.798% 0.06357 351.013) です。

### #643b4e に合う色は？

#643b4e の補色は #1e5545 です。落ち着いた組み合わせにするなら、類似色の #5a3e5f と #683b3b を使いましょう。トライアドの組み合わせは #4b4d22 と #205066 です。

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

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

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

#643b4e は暖色系の色です。OKLCHでは色相 351度、明度 40.8%、クロマ 0.064 です。