# カラーコード #bd8564：やわらかな オレンジ

#bd8564 はRGBで rgb(189, 133, 100)、OKLCHで oklch(66.477% 0.08323 51.328) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #bd8564 |
| RGB | rgb(189, 133, 100) |
| HSL | hsl(22.25, 40.27%, 56.67%) |
| HSB / HSV | hsv(22.25 47.09% 74.12%) |
| HWB | hwb(22.25 39.22% 25.88%) |
| CMYK | cmyk(0% 30% 47% 26%) |
| Lab | lab(60.7 19.29 26.82) |
| LCH | lch(60.7 33.04 54.27) |
| OKLab | oklab(66.477% 0.05201 0.06498) |
| OKLCH | oklch(66.477% 0.08323 51.328) |
| Display P3 | color(display-p3 0.70849 0.53079 0.41238) |
| Rec. 2020 | color(rec2020 0.63021 0.49222 0.35903) |
| Adobe RGB | color(a98-rgb 0.68182 0.51718 0.39801) |
| ProPhoto RGB | color(prophoto-rgb 0.57099 0.47164 0.34398) |
| 線形sRGB | color(srgb-linear 0.50888 0.23455 0.12744) |
| XYZ D65 | color(xyz-d65 0.31673 0.28515 0.15893) |
| XYZ D50 | color(xyz-d50 0.33048 0.28909 0.12086) |
| SwiftUI | Color(red: 0.741, green: 0.522, blue: 0.392) |
| UIKit | UIColor(red: 0.741, green: 0.522, blue: 0.392, alpha: 1) |
| Flutter / Compose | Color(0xFFBD8564) |
| Android XML | #BD8564 |

## 基本情報

- 最も近い色名: やわらかな オレンジ
- 色相の系統: オレンジ, やわらかな オレンジ
- 最も近いTailwindクラス: taupe-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.13:1
- 黒とのコントラスト: 6.7:1

## ティント

#bd8564, #c49173, #cb9d82, #d2a991, #d9b5a1, #dfc1b0, #e6cdc0, #ecdacf, #f3e6df, #f9f2ef

## シェード

#bd8564, #a47356, #8c6148, #74503b, #5d402e, #473022, #332116, #1f130b, #0d0603, #020100

## トーン

#bd8564, #b98769, #b5886e, #b18a73, #ad8b78, #a98d7d, #a58e81, #a19086, #9c918b, #98928f

## 配色

- 補色: #bd8564, #5b9dbe
- 分裂補色: #bd8564, #4da3a9, #7794c7
- 類似色: #bd8564, #c27f7d, #ae8f56
- トライアド: #bd8564, #5aa48d, #948bc3
- テトラード: #bd8564, #95995b, #5b9dbe, #948bc3
- スクエア: #bd8564, #77a171, #5b9dbe, #ac83b3
- モノクロマティック: #bd8564, #724020, #976141, #e5aa88, #ffd1af

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

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

#bd8564 はやわらかな オレンジです。最も近い名前のある色はやわらかな オレンジです。RGBでは rgb(189, 133, 100)、HSLでは hsl(22.25, 40.27%, 56.67%)、OKLCHでは oklch(66.477% 0.08323 51.328) です。

### #bd8564 に合う色は？

#bd8564 の補色は #5b9dbe です。落ち着いた組み合わせにするなら、類似色の #c27f7d と #ae8f56 を使いましょう。トライアドの組み合わせは #5aa48d と #948bc3 です。

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

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

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

#bd8564 は暖色系の色です。OKLCHでは色相 51度、明度 66.5%、クロマ 0.083 です。