# カラーコード #c7bb96：くすんだ 明るい黄色

#c7bb96 はRGBで rgb(199, 187, 150)、OKLCHで oklch(79.256% 0.05176 92.212) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #c7bb96 |
| RGB | rgb(199, 187, 150) |
| HSL | hsl(45.31, 30.43%, 68.43%) |
| HSB / HSV | hsv(45.31 24.62% 78.04%) |
| HWB | hwb(45.31 58.82% 21.96%) |
| CMYK | cmyk(0% 6% 25% 22%) |
| Lab | lab(76.18 0.05 20.44) |
| LCH | lch(76.18 20.44 89.85) |
| OKLab | oklab(79.256% -0.002 0.05172) |
| OKLCH | oklch(79.256% 0.05176 92.212) |
| Display P3 | color(display-p3 0.77231 0.73496 0.60417) |
| Rec. 2020 | color(rec2020 0.73043 0.70535 0.56477) |
| Adobe RGB | color(a98-rgb 0.76197 0.72762 0.58959) |
| ProPhoto RGB | color(prophoto-rgb 0.68734 0.67951 0.54201) |
| 線形sRGB | color(srgb-linear 0.57112 0.49693 0.30499) |
| XYZ D65 | color(xyz-d65 0.46827 0.49885 0.36017) |
| XYZ D50 | color(xyz-d50 0.48408 0.5018 0.27399) |
| SwiftUI | Color(red: 0.78, green: 0.733, blue: 0.588) |
| UIKit | UIColor(red: 0.78, green: 0.733, blue: 0.588, alpha: 1) |
| Flutter / Compose | Color(0xFFC7BB96) |
| Android XML | #C7BB96 |

## 基本情報

- 最も近い色名: くすんだ 明るい黄色
- 色相の系統: 黄色, くすんだ 明るい黄色
- 最も近いTailwindクラス: olive-400
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.91:1
- 黒とのコントラスト: 10.98:1

## ティント

#c7bb96, #ccc2a0, #d2c8ab, #d8cfb5, #ddd6c0, #e3ddca, #e8e3d4, #eeeadf, #f4f1ea, #f9f8f4

## シェード

#c7bb96, #ada282, #938a6e, #7a735b, #625c49, #4c4637, #363226, #211f16, #0e0d08, #020201

## トーン

#c7bb96, #c6bb9a, #c5bb9e, #c3bba2, #c2bba5, #c1bba9, #c0bbad, #bfbbb0, #bebbb4, #bcbbb8

## カラーハーモニー

- 補色: #c7bb96, #afbadd
- 分裂補色: #c7bb96, #9fc0da, #c1b4d8
- 類似色: #c7bb96, #d4b59a, #b5c19d
- トライアド: #c7bb96, #95c5cf, #d0b0ca
- テトラード: #c7bb96, #a3c5ab, #afbadd, #d0b0ca
- スクエア: #c7bb96, #97c7be, #afbadd, #d9aeb8
- モノクロマティック: #c7bb96, #7d724f, #a19672, #eee2bc, #fff5ce

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

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

#c7bb96 はくすんだ 明るい黄色です。最も近い名前のある色はくすんだ 明るい黄色です。RGBでは rgb(199, 187, 150)、HSLでは hsl(45.31, 30.43%, 68.43%)、OKLCHでは oklch(79.256% 0.05176 92.212) です。

### #c7bb96 に合う色は？

#c7bb96 の補色は #afbadd です。落ち着いた組み合わせにするなら、類似色の #d4b59a と #b5c19d を使いましょう。トライアドの組み合わせは #95c5cf と #d0b0ca です。

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

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

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

#c7bb96 は暖色系の色です。OKLCHでは色相 92度、明度 79.3%、クロマ 0.052 です。