# カラーコード #cbcaa9：パステル調の 明るい黄色

#cbcaa9 はRGBで rgb(203, 202, 169)、OKLCHで oklch(83.116% 0.04449 105.9) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cbcaa9 |
| RGB | rgb(203, 202, 169) |
| HSL | hsl(58.24, 24.64%, 72.94%) |
| HSB / HSV | hsv(58.24 16.75% 79.61%) |
| HWB | hwb(58.24 66.27% 20.39%) |
| CMYK | cmyk(0% 0% 17% 20%) |
| Lab | lab(80.76 -3.75 16.7) |
| LCH | lch(80.76 17.11 102.65) |
| OKLab | oklab(83.116% -0.01219 0.04279) |
| OKLCH | oklch(83.116% 0.04449 105.9) |
| Display P3 | color(display-p3 0.79538 0.79229 0.67574) |
| Rec. 2020 | color(rec2020 0.76525 0.76691 0.6424) |
| Adobe RGB | color(a98-rgb 0.78991 0.78707 0.66279) |
| ProPhoto RGB | color(prophoto-rgb 0.72952 0.74298 0.61999) |
| 線形sRGB | color(srgb-linear 0.5972 0.59062 0.39676) |
| XYZ D65 | color(xyz-d65 0.52908 0.57802 0.45907) |
| XYZ D50 | color(xyz-d50 0.54466 0.58033 0.34898) |
| SwiftUI | Color(red: 0.796, green: 0.792, blue: 0.663) |
| UIKit | UIColor(red: 0.796, green: 0.792, blue: 0.663, alpha: 1) |
| Flutter / Compose | Color(0xFFCBCAA9) |
| Android XML | #CBCAA9 |

## 基本情報

- 最も近い色名: パステル調の 明るい黄色
- 色相の系統: 黄色, パステル調の 明るい黄色
- 最も近いTailwindクラス: taupe-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.67:1
- 黒とのコントラスト: 12.56:1

## ティント

#cbcaa9, #d0cfb1, #d5d4ba, #dadac3, #dfdfcb, #e5e4d4, #eaeadc, #efefe5, #f4f4ee, #fafaf6

## シェード

#cbcaa9, #b0af92, #96957c, #7d7c67, #656453, #4d4d3f, #37372c, #22221b, #0f0f0a, #020201

## トーン

#cbcaa9, #cbcaac, #cacaaf, #cac9b2, #cac9b5, #c9c9b9, #c9c9bc, #c8c8bf, #c8c8c2, #c8c8c5

## カラーハーモニー

- 補色: #cbcaa9, #c4c4e4
- 分裂補色: #cbcaa9, #b5cae5, #d3bfdc
- 類似色: #cbcaa9, #d9c4a8, #bbcfb2
- トライアド: #cbcaa9, #aacede, #debdce
- テトラード: #cbcaa9, #add1c1, #c4c4e4, #debdce
- スクエア: #cbcaa9, #a7d1d1, #c4c4e4, #e3bdbe
- モノクロマティック: #cbcaa9, #818061, #a5a484, #f2f1cf, #f9f8d5

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

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

#cbcaa9 はパステル調の 明るい黄色です。最も近い名前のある色はパステル調の 明るい黄色です。RGBでは rgb(203, 202, 169)、HSLでは hsl(58.24, 24.64%, 72.94%)、OKLCHでは oklch(83.116% 0.04449 105.9) です。

### #cbcaa9 に合う色は？

#cbcaa9 の補色は #c4c4e4 です。落ち着いた組み合わせにするなら、類似色の #d9c4a8 と #bbcfb2 を使いましょう。トライアドの組み合わせは #aacede と #debdce です。

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

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

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

#cbcaa9 はニュートラルの色です。OKLCHでは色相 106度、明度 83.1%、クロマ 0.044 です。