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

#cfbd57 はRGBで rgb(207, 189, 87)、OKLCHで oklch(79.344% 0.12419 99.413) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cfbd57 |
| RGB | rgb(207, 189, 87) |
| HSL | hsl(51, 55.56%, 57.65%) |
| HSB / HSV | hsv(51 57.97% 81.18%) |
| HWB | hwb(51 34.12% 18.82%) |
| CMYK | cmyk(0% 9% 58% 19%) |
| Lab | lab(76.64 -2.59 52.79) |
| LCH | lch(76.64 52.85 92.81) |
| OKLab | oklab(79.344% -0.02031 0.12252) |
| OKLCH | oklch(79.344% 0.12419 99.413) |
| Display P3 | color(display-p3 0.79982 0.74366 0.40201) |
| Rec. 2020 | color(rec2020 0.74969 0.71417 0.35506) |
| Adobe RGB | color(a98-rgb 0.78741 0.73552 0.37005) |
| ProPhoto RGB | color(prophoto-rgb 0.68916 0.68684 0.35227) |
| 線形sRGB | color(srgb-linear 0.62396 0.50888 0.09531) |
| XYZ D65 | color(xyz-d65 0.45648 0.50349 0.16331) |
| XYZ D50 | color(xyz-d50 0.48172 0.50941 0.12615) |
| SwiftUI | Color(red: 0.812, green: 0.741, blue: 0.341) |
| UIKit | UIColor(red: 0.812, green: 0.741, blue: 0.341, alpha: 1) |
| Flutter / Compose | Color(0xFFCFBD57) |
| Android XML | #CFBD57 |

## 基本情報

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

## ティント

#cfbd57, #d4c46b, #d8ca7d, #ddd18e, #e2d89f, #e6deaf, #ebe5c0, #f0ecd0, #f5f2df, #faf9ef

## シェード

#cfbd57, #b4a44b, #998c3e, #7f7433, #675d27, #4f471c, #383312, #231f08, #100d03, #020200

## トーン

#cfbd57, #cdbd64, #cbbd70, #c9bd7b, #c7bd85, #c5bd8f, #c3bd98, #c1bda2, #bfbcaa, #bdbcb3

## カラーハーモニー

- 補色: #cfbd57, #abb3ff
- 分裂補色: #cfbd57, #7ac1ff, #d3a5f8
- 類似色: #cfbd57, #efad5d, #a2cb73
- トライアド: #cfbd57, #47cef2, #f09bd5
- テトラード: #cfbd57, #6cd49f, #abb3ff, #f09bd5
- スクエア: #cfbd57, #3cd5cc, #abb3ff, #ff99aa
- モノクロマティック: #cfbd57, #857300, #a9972c, #f6e47f, #fff791

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

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

#cfbd57 は鮮やかな 明るい黄色です。最も近い名前のある色は鮮やかな 明るい黄色です。RGBでは rgb(207, 189, 87)、HSLでは hsl(51, 55.56%, 57.65%)、OKLCHでは oklch(79.344% 0.12419 99.413) です。

### #cfbd57 に合う色は？

#cfbd57 の補色は #abb3ff です。落ち着いた組み合わせにするなら、類似色の #efad5d と #a2cb73 を使いましょう。トライアドの組み合わせは #47cef2 と #f09bd5 です。

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

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

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

#cfbd57 は暖色系の色です。OKLCHでは色相 99度、明度 79.3%、クロマ 0.124 です。