# カラーコード #ba770e：鮮やかな アンバー

#ba770e はRGBで rgb(186, 119, 14)、OKLCHで oklch(62.556% 0.13236 69.626) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ba770e |
| RGB | rgb(186, 119, 14) |
| HSL | hsl(36.63, 86%, 39.22%) |
| HSB / HSV | hsv(36.63 92.47% 72.94%) |
| HWB | hwb(36.63 5.49% 27.06%) |
| CMYK | cmyk(0% 36% 92% 27%) |
| Lab | lab(56.26 21.88 59.93) |
| LCH | lch(56.26 63.8 69.94) |
| OKLab | oklab(62.556% 0.04608 0.12408) |
| OKLCH | oklch(62.556% 0.13236 69.626) |
| Display P3 | color(display-p3 0.69194 0.47847 0.17463) |
| Rec. 2020 | color(rec2020 0.60261 0.43783 0.12143) |
| Adobe RGB | color(a98-rgb 0.66202 0.46368 0.13284) |
| ProPhoto RGB | color(prophoto-rgb 0.53228 0.41971 0.15229) |
| 線形sRGB | color(srgb-linear 0.49102 0.18447 0.00439) |
| XYZ D65 | color(xyz-d65 0.26925 0.23666 0.03565) |
| XYZ D50 | color(xyz-d50 0.2858 0.24176 0.02788) |
| SwiftUI | Color(red: 0.729, green: 0.467, blue: 0.055) |
| UIKit | UIColor(red: 0.729, green: 0.467, blue: 0.055, alpha: 1) |
| Flutter / Compose | Color(0xFFBA770E) |
| Android XML | #BA770E |

## 基本情報

- 最も近い色名: 鮮やかな アンバー
- 色相の系統: アンバー, 鮮やかな アンバー
- 最も近いTailwindクラス: yellow-600
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 3.66:1
- 黒とのコントラスト: 5.73:1

## ティント

#ba770e, #c28536, #c99251, #d0a068, #d7ad7e, #debb94, #e5c8a9, #ecd6be, #f2e4d4, #f9f1e9

## シェード

#ba770e, #a1670b, #895707, #724705, #5c3803, #462a02, #321c01, #1e1000, #0d0500, #020100

## トーン

#ba770e, #b57929, #b17b39, #ac7d46, #a77f51, #a2815c, #9d8365, #98846e, #938577, #8d877f

## カラーハーモニー

- 補色: #ba770e, #408cd4
- 分裂補色: #ba770e, #0099be, #797dd6
- 類似色: #ba770e, #c96847, #9b8800
- トライアド: #ba770e, #009f98, #a06fc3
- テトラード: #ba770e, #6d9738, #408cd4, #a06fc3
- スクエア: #ba770e, #22a06b, #408cd4, #bb65a1
- モノクロマティック: #ba770e, #663700, #935400, #e29c43, #ffc36c

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

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

#ba770e は鮮やかな アンバーです。最も近い名前のある色は鮮やかな アンバーです。RGBでは rgb(186, 119, 14)、HSLでは hsl(36.63, 86%, 39.22%)、OKLCHでは oklch(62.556% 0.13236 69.626) です。

### #ba770e に合う色は？

#ba770e の補色は #408cd4 です。落ち着いた組み合わせにするなら、類似色の #c96847 と #9b8800 を使いましょう。トライアドの組み合わせは #009f98 と #a06fc3 です。

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

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

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

#ba770e は暖色系の色です。OKLCHでは色相 70度、明度 62.6%、クロマ 0.132 です。