# カラーコード #bb993b：鮮やかな 黄色

#bb993b はRGBで rgb(187, 153, 59)、OKLCHで oklch(69.661% 0.11786 88.81) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bb993b |
| RGB | rgb(187, 153, 59) |
| HSL | hsl(44.06, 52.03%, 48.24%) |
| HSB / HSV | hsv(44.06 68.45% 73.33%) |
| HWB | hwb(44.06 23.14% 26.67%) |
| CMYK | cmyk(0% 18% 68% 27%) |
| Lab | lab(65.09 5.66 52.31) |
| LCH | lch(65.09 52.62 83.83) |
| OKLab | oklab(69.661% 0.00245 0.11783) |
| OKLCH | oklch(69.661% 0.11786 88.81) |
| Display P3 | color(display-p3 0.712 0.60505 0.2962) |
| Rec. 2020 | color(rec2020 0.64356 0.56614 0.24411) |
| Adobe RGB | color(a98-rgb 0.69279 0.59441 0.26755) |
| ProPhoto RGB | color(prophoto-rgb 0.57932 0.53864 0.25209) |
| 線形sRGB | color(srgb-linear 0.49693 0.31855 0.04374) |
| XYZ D65 | color(xyz-d65 0.32673 0.33664 0.08915) |
| XYZ D50 | color(xyz-d50 0.34564 0.34158 0.06908) |
| SwiftUI | Color(red: 0.733, green: 0.6, blue: 0.231) |
| UIKit | UIColor(red: 0.733, green: 0.6, blue: 0.231, alpha: 1) |
| Flutter / Compose | Color(0xFFBB993B) |
| Android XML | #BB993B |

## 基本情報

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

## ティント

#bb993b, #c2a353, #c8ad68, #cfb87c, #d6c28f, #ddcca2, #e4d6b4, #eae0c7, #f1ebda, #f8f5ec

## シェード

#bb993b, #a28432, #8a7029, #735d21, #5c4a19, #463811, #322709, #1f1704, #0d0801, #020100

## トーン

#bb993b, #b89a49, #b59a55, #b29b60, #af9c6a, #ac9c73, #a99c7c, #a69d85, #a39d8d, #a09d95

## カラーハーモニー

- 補色: #bb993b, #7f9ae7
- 分裂補色: #bb993b, #4da7de, #a78cdc
- 類似色: #bb993b, #d38a4d, #96a74d
- トライアド: #bb993b, #11b1c4, #c582c1
- テトラード: #bb993b, #65b274, #7f9ae7, #c582c1
- スクエア: #bb993b, #2bb59e, #7f9ae7, #d87d9c
- モノクロマティック: #bb993b, #705200, #957400, #e2bf63, #ffe68a

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

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

#bb993b は鮮やかな 黄色です。最も近い名前のある色は鮮やかな 黄色です。RGBでは rgb(187, 153, 59)、HSLでは hsl(44.06, 52.03%, 48.24%)、OKLCHでは oklch(69.661% 0.11786 88.81) です。

### #bb993b に合う色は？

#bb993b の補色は #7f9ae7 です。落ち着いた組み合わせにするなら、類似色の #d38a4d と #96a74d を使いましょう。トライアドの組み合わせは #11b1c4 と #c582c1 です。

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

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

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

#bb993b は暖色系の色です。OKLCHでは色相 89度、明度 69.7%、クロマ 0.118 です。
