# カラーコード #ad8564：スモーキーな オレンジ

#ad8564 はRGBで rgb(173, 133, 100)、OKLCHで oklch(64.705% 0.06753 60.725) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ad8564 |
| RGB | rgb(173, 133, 100) |
| HSL | hsl(27.12, 30.8%, 53.53%) |
| HSB / HSV | hsv(27.12 42.2% 67.84%) |
| HWB | hwb(27.12 39.22% 32.16%) |
| CMYK | cmyk(0% 23% 42% 32%) |
| Lab | lab(58.87 12.59 24.02) |
| LCH | lch(58.87 27.12 62.34) |
| OKLab | oklab(64.705% 0.03302 0.05891) |
| OKLCH | oklch(64.705% 0.06753 60.725) |
| Display P3 | color(display-p3 0.65406 0.52776 0.41023) |
| Rec. 2020 | color(rec2020 0.58163 0.48554 0.35688) |
| Adobe RGB | color(a98-rgb 0.63289 0.51718 0.39801) |
| ProPhoto RGB | color(prophoto-rgb 0.52778 0.46249 0.34198) |
| 線形sRGB | color(srgb-linear 0.41789 0.23455 0.12744) |
| XYZ D65 | color(xyz-d65 0.2792 0.2658 0.15717) |
| XYZ D50 | color(xyz-d50 0.2908 0.26885 0.11959) |
| SwiftUI | Color(red: 0.678, green: 0.522, blue: 0.392) |
| UIKit | UIColor(red: 0.678, green: 0.522, blue: 0.392, alpha: 1) |
| Flutter / Compose | Color(0xFFAD8564) |
| Android XML | #AD8564 |

## 基本情報

- 最も近い色名: スモーキーな オレンジ
- 色相の系統: オレンジ, スモーキーな オレンジ
- 最も近いTailwindクラス: olive-500
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.32:1
- 黒とのコントラスト: 6.32:1

## ティント

#ad8564, #b59173, #be9d82, #c6a991, #ceb5a0, #d6c1b0, #decdbf, #e7d9cf, #efe6df, #f7f2ef

## シェード

#ad8564, #967356, #7f6148, #6a503b, #55402e, #413022, #2d2116, #1b130b, #0b0603, #010100

## トーン

#ad8564, #aa8669, #a7876d, #a48871, #a18976, #9e8a7a, #9b8b7e, #988c82, #958d86, #918d8a

## カラーハーモニー

- 補色: #ad8564, #6894b4
- 分裂補色: #ad8564, #5a9aa5, #7f8db8
- 類似色: #ad8564, #b47f75, #9e8d5e
- トライアド: #ad8564, #5d9c90, #9585b2
- テトラード: #ad8564, #889566, #6894b4, #9585b2
- スクエア: #ad8564, #709a79, #6894b4, #a780a2
- モノクロマティック: #ad8564, #644021, #886242, #d4aa88, #fcd0ad

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

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

#ad8564 はスモーキーな オレンジです。最も近い名前のある色はスモーキーな オレンジです。RGBでは rgb(173, 133, 100)、HSLでは hsl(27.12, 30.8%, 53.53%)、OKLCHでは oklch(64.705% 0.06753 60.725) です。

### #ad8564 に合う色は？

#ad8564 の補色は #6894b4 です。落ち着いた組み合わせにするなら、類似色の #b47f75 と #9e8d5e を使いましょう。トライアドの組み合わせは #5d9c90 と #9585b2 です。

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

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

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

#ad8564 は暖色系の色です。OKLCHでは色相 61度、明度 64.7%、クロマ 0.068 です。