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

#bbaf41 はRGBで rgb(187, 175, 65)、OKLCHで oklch(74.349% 0.12982 103.074) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bbaf41 |
| RGB | rgb(187, 175, 65) |
| HSL | hsl(54.1, 48.41%, 49.41%) |
| HSB / HSV | hsv(54.1 65.24% 73.33%) |
| HWB | hwb(54.1 25.49% 26.67%) |
| CMYK | cmyk(0% 6% 65% 27%) |
| Lab | lab(70.95 -5.21 55.68) |
| LCH | lch(70.95 55.92 95.34) |
| OKLab | oklab(74.349% -0.02937 0.12646) |
| OKLCH | oklch(74.349% 0.12982 103.074) |
| Display P3 | color(display-p3 0.72527 0.6879 0.3276) |
| Rec. 2020 | color(rec2020 0.67217 0.65195 0.27861) |
| Adobe RGB | color(a98-rgb 0.71454 0.68035 0.29518) |
| ProPhoto RGB | color(prophoto-rgb 0.611 0.62151 0.28526) |
| 線形sRGB | color(srgb-linear 0.49693 0.42869 0.05286) |
| XYZ D65 | color(xyz-d65 0.36776 0.41607 0.11095) |
| XYZ D50 | color(xyz-d50 0.38937 0.42109 0.08628) |
| SwiftUI | Color(red: 0.733, green: 0.686, blue: 0.255) |
| UIKit | UIColor(red: 0.733, green: 0.686, blue: 0.255, alpha: 1) |
| Flutter / Compose | Color(0xFFBBAF41) |
| Android XML | #BBAF41 |

## 基本情報

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

## ティント

#bbaf41, #c1b759, #c8bf6e, #cfc781, #d5cf94, #dcd7a6, #e3dfb8, #eae7ca, #f1efdc, #f8f7ed

## シェード

#bbaf41, #a29837, #8a812e, #736b25, #5c561c, #464113, #322e0b, #1f1c05, #0d0b01, #020100

## トーン

#bbaf41, #b9af50, #b8af5e, #b6af69, #b4ae74, #b3ae7e, #b1ae88, #b0ad91, #aead9a, #adaca3

## カラーハーモニー

- 補色: #bbaf41, #a1a0fb
- 分裂補色: #bbaf41, #6eb0fc, #c993e6
- 類似色: #bbaf41, #dd9e42, #8bbd65
- トライアド: #bbaf41, #2abde7, #e489c1
- テトラード: #bbaf41, #4dc594, #a1a0fb, #e489c1
- スクエア: #bbaf41, #00c5c2, #a1a0fb, #f28894
- モノクロマティック: #bbaf41, #726600, #968a06, #e2d66a, #fff98e

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

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

#bbaf41 は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(187, 175, 65)、HSLでは hsl(54.1, 48.41%, 49.41%)、OKLCHでは oklch(74.349% 0.12982 103.074) です。

### #bbaf41 に合う色は？

#bbaf41 の補色は #a1a0fb です。落ち着いた組み合わせにするなら、類似色の #dd9e42 と #8bbd65 を使いましょう。トライアドの組み合わせは #2abde7 と #e489c1 です。

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

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

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

#bbaf41 はニュートラルの色です。OKLCHでは色相 103度、明度 74.3%、クロマ 0.13 です。