# カラーコード #c1ba67：やわらかな 明るい黄色

#c1ba67 はRGBで rgb(193, 186, 103)、OKLCHで oklch(77.673% 0.10551 104.31) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #c1ba67 |
| RGB | rgb(193, 186, 103) |
| HSL | hsl(55.33, 42.06%, 58.04%) |
| HSB / HSV | hsv(55.33 46.63% 75.69%) |
| HWB | hwb(55.33 40.39% 24.31%) |
| CMYK | cmyk(0% 4% 47% 24%) |
| Lab | lab(74.75 -5.94 42.69) |
| LCH | lch(74.75 43.1 97.92) |
| OKLab | oklab(77.673% -0.02608 0.10224) |
| OKLCH | oklch(77.673% 0.10551 104.31) |
| Display P3 | color(display-p3 0.75208 0.73034 0.44692) |
| Rec. 2020 | color(rec2020 0.70698 0.69808 0.40042) |
| Adobe RGB | color(a98-rgb 0.74359 0.72367 0.42238) |
| ProPhoto RGB | color(prophoto-rgb 0.65228 0.66911 0.39064) |
| 線形sRGB | color(srgb-linear 0.53328 0.49102 0.13563) |
| XYZ D65 | color(xyz-d65 0.41998 0.47435 0.19776) |
| XYZ D50 | color(xyz-d50 0.44107 0.47888 0.15195) |
| SwiftUI | Color(red: 0.757, green: 0.729, blue: 0.404) |
| UIKit | UIColor(red: 0.757, green: 0.729, blue: 0.404, alpha: 1) |
| Flutter / Compose | Color(0xFFC1BA67) |
| Android XML | #C1BA67 |

## 基本情報

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

## ティント

#c1ba67, #c7c177, #cdc887, #d3cf97, #d9d6a6, #dfddb5, #e5e4c4, #ecead2, #f2f1e1, #f9f8f0

## シェード

#c1ba67, #a7a159, #8f894b, #77723d, #5f5c30, #494623, #343217, #201e0c, #0e0d04, #020200

## トーン

#c1ba67, #c0ba70, #bfba79, #beb982, #bcb98a, #bbb992, #bab899, #b9b8a1, #b8b7a8, #b7b7af

## カラーハーモニー

- 補色: #c1ba67, #aeadf8
- 分裂補色: #c1ba67, #87baf9, #cfa2e6
- 類似色: #c1ba67, #deac66, #9ac680
- トライアド: #c1ba67, #62c5e8, #e79bc7
- テトラード: #c1ba67, #70cca5, #aeadf8, #e79bc7
- スクエア: #c1ba67, #55cbca, #aeadf8, #f29aa1
- モノクロマティック: #c1ba67, #787016, #9c9441, #e8e18d, #fff9a5

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

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

#c1ba67 はやわらかな 明るい黄色です。最も近い名前のある色はやわらかな 明るい黄色です。RGBでは rgb(193, 186, 103)、HSLでは hsl(55.33, 42.06%, 58.04%)、OKLCHでは oklch(77.673% 0.10551 104.31) です。

### #c1ba67 に合う色は？

#c1ba67 の補色は #aeadf8 です。落ち着いた組み合わせにするなら、類似色の #deac66 と #9ac680 を使いましょう。トライアドの組み合わせは #62c5e8 と #e79bc7 です。

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

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

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

#c1ba67 はニュートラルの色です。OKLCHでは色相 104度、明度 77.7%、クロマ 0.106 です。