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

#ba784f はRGBで rgb(186, 120, 79)、OKLCHで oklch(63.325% 0.10009 51.907) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ba784f |
| RGB | rgb(186, 120, 79) |
| HSL | hsl(22.99, 43.67%, 51.96%) |
| HSB / HSV | hsv(22.99 57.53% 72.94%) |
| HWB | hwb(22.99 30.98% 27.06%) |
| CMYK | cmyk(0% 35% 58% 27%) |
| Lab | lab(56.94 23.5 33.54) |
| LCH | lch(56.94 40.95 54.98) |
| OKLab | oklab(63.325% 0.06175 0.07877) |
| OKLCH | oklch(63.325% 0.10009 51.907) |
| Display P3 | color(display-p3 0.69236 0.48214 0.33746) |
| Rec. 2020 | color(rec2020 0.60628 0.44245 0.28113) |
| Adobe RGB | color(a98-rgb 0.66273 0.46748 0.32195) |
| ProPhoto RGB | color(prophoto-rgb 0.54276 0.42524 0.27523) |
| 線形sRGB | color(srgb-linear 0.49102 0.18782 0.07819) |
| XYZ D65 | color(xyz-d65 0.28377 0.24438 0.1062) |
| XYZ D50 | color(xyz-d50 0.29764 0.24863 0.0809) |
| SwiftUI | Color(red: 0.729, green: 0.471, blue: 0.31) |
| UIKit | UIColor(red: 0.729, green: 0.471, blue: 0.31, alpha: 1) |
| Flutter / Compose | Color(0xFFBA784F) |
| Android XML | #BA784F |

## 基本情報

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

## ティント

#ba784f, #c28561, #c99372, #d0a083, #d7ad95, #debba6, #e5c8b7, #ecd6c9, #f2e3db, #f9f1ed

## シェード

#ba784f, #a16744, #895738, #72482e, #5c3923, #462a19, #321d10, #1e1007, #0d0502, #020100

## トーン

#ba784f, #b67a56, #b17c5c, #ad7e63, #a88069, #a3826f, #9f8474, #9a857a, #95877f, #8f8985

## カラーハーモニー

- 補色: #ba784f, #4094bc
- 分裂補色: #ba784f, #239ca4, #688ac7
- 類似色: #ba784f, #bf716f, #a8843c
- トライアド: #ba784f, #3c9e83, #8b7fc2
- テトラード: #ba784f, #8c9044, #4094bc, #8b7fc2
- スクエア: #ba784f, #669a60, #4094bc, #a775ae
- モノクロマティック: #ba784f, #6e3302, #93552c, #e29d73, #ffc398

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

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

#ba784f はやわらかな オレンジです。最も近い名前のある色はやわらかな オレンジです。RGBでは rgb(186, 120, 79)、HSLでは hsl(22.99, 43.67%, 51.96%)、OKLCHでは oklch(63.325% 0.10009 51.907) です。

### #ba784f に合う色は？

#ba784f の補色は #4094bc です。落ち着いた組み合わせにするなら、類似色の #bf716f と #a8843c を使いましょう。トライアドの組み合わせは #3c9e83 と #8b7fc2 です。

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

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

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

#ba784f は暖色系の色です。OKLCHでは色相 52度、明度 63.3%、クロマ 0.1 です。