# カラーコード #b8a245：鮮やかな 明るい黄色

#b8a245 はRGBで rgb(184, 162, 69)、OKLCHで oklch(71.339% 0.11537 96.004) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #b8a245 |
| RGB | rgb(184, 162, 69) |
| HSL | hsl(48.52, 45.45%, 49.61%) |
| HSB / HSV | hsv(48.52 62.5% 72.16%) |
| HWB | hwb(48.52 27.06% 27.84%) |
| CMYK | cmyk(0% 12% 63% 28%) |
| Lab | lab(67.22 0.2 50.01) |
| LCH | lch(67.22 50.01 89.77) |
| OKLab | oklab(71.339% -0.01207 0.11474) |
| OKLCH | oklch(71.339% 0.11537 96.004) |
| Display P3 | color(display-p3 0.70724 0.6384 0.32919) |
| Rec. 2020 | color(rec2020 0.64652 0.60006 0.27813) |
| Adobe RGB | color(a98-rgb 0.6925 0.62945 0.30216) |
| ProPhoto RGB | color(prophoto-rgb 0.58533 0.57075 0.28149) |
| 線形sRGB | color(srgb-linear 0.47932 0.36131 0.05951) |
| XYZ D65 | color(xyz-d65 0.33761 0.36461 0.1089) |
| XYZ D50 | color(xyz-d50 0.35669 0.36927 0.08425) |
| SwiftUI | Color(red: 0.722, green: 0.635, blue: 0.271) |
| UIKit | UIColor(red: 0.722, green: 0.635, blue: 0.271, alpha: 1) |
| Flutter / Compose | Color(0xFFB8A245) |
| Android XML | #B8A245 |

## 基本情報

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

## ティント

#b8a245, #bfab5b, #c6b56f, #cdbe81, #d4c794, #dbd0a6, #e2dab8, #e9e3c9, #f0ecdb, #f8f6ed

## シェード

#b8a245, #a08c3b, #887731, #716327, #5b4f1e, #453c15, #312a0c, #1e1905, #0c0a02, #020100

## トーン

#b8a245, #b6a252, #b4a35d, #b1a367, #afa371, #ada37a, #aba382, #a9a38b, #a7a393, #a4a39b

## カラーハーモニー

- 補色: #b8a245, #8f9cea
- 分裂補色: #b8a245, #61a9e6, #b48fdc
- 類似色: #b8a245, #d3934e, #91af5d
- トライアド: #b8a245, #30b4d0, #d086be
- テトラード: #b8a245, #60b884, #8f9cea, #d086be
- スクエア: #b8a245, #2dbaad, #8f9cea, #df8397
- モノクロマティック: #b8a245, #6f5a00, #937d17, #dfc86c, #fff093

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

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

#b8a245 は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(184, 162, 69)、HSLでは hsl(48.52, 45.45%, 49.61%)、OKLCHでは oklch(71.339% 0.11537 96.004) です。

### #b8a245 に合う色は？

#b8a245 の補色は #8f9cea です。落ち着いた組み合わせにするなら、類似色の #d3934e と #91af5d を使いましょう。トライアドの組み合わせは #30b4d0 と #d086be です。

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

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

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

#b8a245 は暖色系の色です。OKLCHでは色相 96度、明度 71.3%、クロマ 0.115 です。