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

#bb781c はRGBで rgb(187, 120, 28)、OKLCHで oklch(62.925% 0.12884 68.254) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bb781c |
| RGB | rgb(187, 120, 28) |
| HSL | hsl(34.72, 73.95%, 42.16%) |
| HSB / HSV | hsv(34.72 85.03% 73.33%) |
| HWB | hwb(34.72 10.98% 26.67%) |
| CMYK | cmyk(0% 36% 85% 27%) |
| Lab | lab(56.68 22 56.6) |
| LCH | lch(56.68 60.73 68.76) |
| OKLab | oklab(62.925% 0.04773 0.11967) |
| OKLCH | oklch(62.925% 0.12884 68.254) |
| Display P3 | color(display-p3 0.69582 0.48237 0.19857) |
| Rec. 2020 | color(rec2020 0.60698 0.44204 0.14413) |
| Adobe RGB | color(a98-rgb 0.66587 0.46748 0.16441) |
| ProPhoto RGB | color(prophoto-rgb 0.5371 0.42382 0.16849) |
| 線形sRGB | color(srgb-linear 0.49693 0.18782 0.01161) |
| XYZ D65 | color(xyz-d65 0.27419 0.24083 0.04303) |
| XYZ D50 | color(xyz-d50 0.2907 0.24591 0.03345) |
| SwiftUI | Color(red: 0.733, green: 0.471, blue: 0.11) |
| UIKit | UIColor(red: 0.733, green: 0.471, blue: 0.11, alpha: 1) |
| Flutter / Compose | Color(0xFFBB781C) |
| Android XML | #BB781C |

## 基本情報

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

## ティント

#bb781c, #c2863c, #ca9355, #d1a06b, #d8ae81, #dfbb96, #e5c9ab, #ecd6c0, #f2e4d5, #f9f1ea

## シェード

#bb781c, #a26717, #8a5712, #73480d, #5c3908, #462a05, #321d02, #1f1001, #0d0500, #020100

## トーン

#bb781c, #b67a30, #b27c3e, #ad7e4a, #a88055, #a3825e, #9e8467, #998570, #948679, #8e8881

## カラーハーモニー

- 補色: #bb781c, #418ed3
- 分裂補色: #bb781c, #009abd, #787fd5
- 類似色: #bb781c, #ca6a4c, #9e8906
- トライアド: #bb781c, #00a198, #9f72c4
- テトラード: #bb781c, #72973a, #418ed3, #9f72c4
- スクエア: #bb781c, #2fa06b, #418ed3, #ba68a4
- モノクロマティック: #bb781c, #683700, #945400, #e39d4a, #ffc472

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

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

#bb781c は鮮やかな アンバーです。最も近い名前のある色は鮮やかな アンバーです。RGBでは rgb(187, 120, 28)、HSLでは hsl(34.72, 73.95%, 42.16%)、OKLCHでは oklch(62.925% 0.12884 68.254) です。

### #bb781c に合う色は？

#bb781c の補色は #418ed3 です。落ち着いた組み合わせにするなら、類似色の #ca6a4c と #9e8906 を使いましょう。トライアドの組み合わせは #00a198 と #9f72c4 です。

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

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

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

#bb781c は暖色系の色です。OKLCHでは色相 68度、明度 62.9%、クロマ 0.129 です。