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

#bdb757 はRGBで rgb(189, 183, 87)、OKLCHで oklch(76.475% 0.11863 105.612) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #bdb757 |
| RGB | rgb(189, 183, 87) |
| HSL | hsl(56.47, 43.59%, 54.12%) |
| HSB / HSV | hsv(56.47 53.97% 74.12%) |
| HWB | hwb(56.47 34.12% 25.88%) |
| CMYK | cmyk(0% 3% 54% 26%) |
| Lab | lab(73.45 -7.16 48.72) |
| LCH | lch(73.45 49.24 98.36) |
| OKLab | oklab(76.475% -0.03193 0.11426) |
| OKLCH | oklch(76.475% 0.11863 105.612) |
| Display P3 | color(display-p3 0.73707 0.71844 0.39553) |
| Rec. 2020 | color(rec2020 0.69029 0.68459 0.3477) |
| Adobe RGB | color(a98-rgb 0.72887 0.71183 0.36786) |
| ProPhoto RGB | color(prophoto-rgb 0.63301 0.65457 0.34439) |
| 線形sRGB | color(srgb-linear 0.50888 0.47353 0.09531) |
| XYZ D65 | color(xyz-d65 0.39639 0.45374 0.15687) |
| XYZ D50 | color(xyz-d50 0.41792 0.45847 0.12112) |
| SwiftUI | Color(red: 0.741, green: 0.718, blue: 0.341) |
| UIKit | UIColor(red: 0.741, green: 0.718, blue: 0.341, alpha: 1) |
| Flutter / Compose | Color(0xFFBDB757) |
| Android XML | #BDB757 |

## 基本情報

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

## ティント

#bdb757, #c3be6a, #cac67c, #d0cd8d, #d7d49e, #dddbae, #e4e2bf, #eaeacf, #f1f1df, #f8f8ef

## シェード

#bdb757, #a49f4b, #8c873e, #747033, #5d5a27, #47451c, #333112, #1f1e08, #0d0c03, #020200

## トーン

#bdb757, #bcb763, #bbb76d, #b9b677, #b8b681, #b7b58a, #b6b592, #b5b49b, #b4b4a3, #b3b3ab

## カラーハーモニー

- 補色: #bdb757, #aca7fb
- 分裂補色: #bdb757, #7fb5fd, #d09be6
- 類似色: #bdb757, #dea755, #90c476
- トライアド: #bdb757, #4ec2ec, #e993c3
- テトラード: #bdb757, #5dcaa1, #aca7fb, #e993c3
- スクエア: #bdb757, #37cacb, #aca7fb, #f49299
- モノクロマティック: #bdb757, #746d00, #98912e, #e4de7e, #fffa9a

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

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

#bdb757 は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(189, 183, 87)、HSLでは hsl(56.47, 43.59%, 54.12%)、OKLCHでは oklch(76.475% 0.11863 105.612) です。

### #bdb757 に合う色は？

#bdb757 の補色は #aca7fb です。落ち着いた組み合わせにするなら、類似色の #dea755 と #90c476 を使いましょう。トライアドの組み合わせは #4ec2ec と #e993c3 です。

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

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

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

#bdb757 はニュートラルの色です。OKLCHでは色相 106度、明度 76.5%、クロマ 0.119 です。