# カラーコード #cfb89c：くすんだ 明るいアンバー

#cfb89c はRGBで rgb(207, 184, 156)、OKLCHで oklch(79.491% 0.04637 72.533) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cfb89c |
| RGB | rgb(207, 184, 156) |
| HSL | hsl(32.94, 34.69%, 71.18%) |
| HSB / HSV | hsv(32.94 24.64% 81.18%) |
| HWB | hwb(32.94 61.18% 18.82%) |
| CMYK | cmyk(0% 11% 25% 19%) |
| Lab | lab(76.23 5.29 17.45) |
| LCH | lch(76.23 18.23 73.13) |
| OKLab | oklab(79.491% 0.01392 0.04423) |
| OKLCH | oklch(79.491% 0.04637 72.533) |
| Display P3 | color(display-p3 0.79672 0.7248 0.62464) |
| Rec. 2020 | color(rec2020 0.75006 0.69643 0.58624) |
| Adobe RGB | color(a98-rgb 0.78229 0.71578 0.61106) |
| ProPhoto RGB | color(prophoto-rgb 0.70663 0.67235 0.5622) |
| 線形sRGB | color(srgb-linear 0.62396 0.47932 0.33245) |
| XYZ D65 | color(xyz-d65 0.48871 0.49947 0.3852) |
| XYZ D50 | color(xyz-d50 0.50427 0.5026 0.29262) |
| SwiftUI | Color(red: 0.812, green: 0.722, blue: 0.612) |
| UIKit | UIColor(red: 0.812, green: 0.722, blue: 0.612, alpha: 1) |
| Flutter / Compose | Color(0xFFCFB89C) |
| Android XML | #CFB89C |

## 基本情報

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

## ティント

#cfb89c, #d4bfa6, #d9c6af, #ddcdb9, #e2d4c3, #e7dbcd, #ece2d7, #f1e9e1, #f5f1eb, #faf8f5

## シェード

#cfb89c, #b4a087, #998873, #7f715f, #675b4c, #4f4539, #383128, #231e18, #100c09, #020201

## トーン

#cfb89c, #cdb89f, #cbb9a3, #c9b9a6, #c8baa9, #c6baac, #c4baaf, #c2bbb3, #c0bbb6, #bebcb9

## カラーハーモニー

- 補色: #cfb89c, #a7bfda
- 分裂補色: #cfb89c, #9cc3d2, #b7b9da
- 類似色: #cfb89c, #d7b3a5, #c1be9c
- トライアド: #cfb89c, #9ac6c4, #c6b4d2
- テトラード: #cfb89c, #b1c3a5, #a7bfda, #c6b4d2
- スクエア: #cfb89c, #a2c6b3, #a7bfda, #d2b1c4
- モノクロマティック: #cfb89c, #846f55, #a99378, #f7dfc2, #fff1d4

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

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

#cfb89c はくすんだ 明るいアンバーです。最も近い名前のある色はくすんだ 明るいアンバーです。RGBでは rgb(207, 184, 156)、HSLでは hsl(32.94, 34.69%, 71.18%)、OKLCHでは oklch(79.491% 0.04637 72.533) です。

### #cfb89c に合う色は？

#cfb89c の補色は #a7bfda です。落ち着いた組み合わせにするなら、類似色の #d7b3a5 と #c1be9c を使いましょう。トライアドの組み合わせは #9ac6c4 と #c6b4d2 です。

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

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

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

#cfb89c は暖色系の色です。OKLCHでは色相 73度、明度 79.5%、クロマ 0.046 です。