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

#bb7d2c はRGBで rgb(187, 125, 44)、OKLCHで oklch(63.972% 0.12103 69.109) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bb7d2c |
| RGB | rgb(187, 125, 44) |
| HSL | hsl(33.99, 61.9%, 45.29%) |
| HSB / HSV | hsv(33.99 76.47% 73.33%) |
| HWB | hwb(33.99 17.25% 26.67%) |
| CMYK | cmyk(0% 33% 76% 27%) |
| Lab | lab(57.95 19.77 51.76) |
| LCH | lch(57.95 55.41 69.1) |
| OKLab | oklab(63.972% 0.04316 0.11307) |
| OKLCH | oklch(63.972% 0.12103 69.109) |
| Display P3 | color(display-p3 0.69798 0.50078 0.23817) |
| Rec. 2020 | color(rec2020 0.61228 0.4605 0.183) |
| Adobe RGB | color(a98-rgb 0.6695 0.48655 0.21081) |
| ProPhoto RGB | color(prophoto-rgb 0.54401 0.44061 0.19823) |
| 線形sRGB | color(srgb-linear 0.49693 0.20508 0.02519) |
| XYZ D65 | color(xyz-d65 0.28281 0.25415 0.05799) |
| XYZ D50 | color(xyz-d50 0.29929 0.25911 0.04481) |
| SwiftUI | Color(red: 0.733, green: 0.49, blue: 0.173) |
| UIKit | UIColor(red: 0.733, green: 0.49, blue: 0.173, alpha: 1) |
| Flutter / Compose | Color(0xFFBB7D2C) |
| Android XML | #BB7D2C |

## 基本情報

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

## ティント

#bb7d2c, #c28a46, #ca975d, #d1a472, #d8b186, #debe9a, #e5cbae, #ecd8c2, #f2e5d6, #f9f2eb

## シェード

#bb7d2c, #a26c25, #8a5b1e, #734b17, #5c3b11, #462c0a, #321e05, #1f1102, #0d0501, #020100

## トーン

#bb7d2c, #b77f3b, #b28147, #ae8351, #a9845b, #a58664, #a0876d, #9b8975, #968a7d, #918b84

## カラーハーモニー

- 補色: #bb7d2c, #4c91d2
- 分裂補色: #bb7d2c, #009cbe, #7d83d4
- 類似色: #bb7d2c, #c97052, #9e8d23
- トライアド: #bb7d2c, #00a39b, #a276c4
- テトラード: #bb7d2c, #759a46, #4c91d2, #a276c4
- スクエア: #bb7d2c, #3ba271, #4c91d2, #bc6da4
- モノクロマティック: #bb7d2c, #6b3a00, #955900, #e3a255, #ffc97c

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

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

#bb7d2c は鮮やかな アンバーです。最も近い名前のある色は鮮やかな アンバーです。RGBでは rgb(187, 125, 44)、HSLでは hsl(33.99, 61.9%, 45.29%)、OKLCHでは oklch(63.972% 0.12103 69.109) です。

### #bb7d2c に合う色は？

#bb7d2c の補色は #4c91d2 です。落ち着いた組み合わせにするなら、類似色の #c97052 と #9e8d23 を使いましょう。トライアドの組み合わせは #00a39b と #a276c4 です。

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

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

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

#bb7d2c は暖色系の色です。OKLCHでは色相 69度、明度 64%、クロマ 0.121 です。