# カラーコード #e7ccab：パステル調の ごく明るいベージュ

#e7ccab はRGBで rgb(231, 204, 171)、OKLCHで oklch(85.952% 0.05344 72.586) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #e7ccab |
| RGB | rgb(231, 204, 171) |
| HSL | hsl(33, 55.56%, 78.82%) |
| HSB / HSV | hsv(33 25.97% 90.59%) |
| HWB | hwb(33 67.06% 9.41%) |
| CMYK | cmyk(0% 12% 26% 9%) |
| Lab | lab(83.72 6.14 20.17) |
| LCH | lch(83.72 21.08 73.07) |
| OKLab | oklab(85.952% 0.01599 0.05099) |
| OKLCH | oklch(85.952% 0.05344 72.586) |
| Display P3 | color(display-p3 0.88829 0.80381 0.6859) |
| Rec. 2020 | color(rec2020 0.84765 0.78406 0.65339) |
| Adobe RGB | color(a98-rgb 0.8739 0.79502 0.67063) |
| ProPhoto RGB | color(prophoto-rgb 0.80684 0.76504 0.63133) |
| 線形sRGB | color(srgb-linear 0.7991 0.60383 0.40724) |
| XYZ D65 | color(xyz-d65 0.61896 0.63116 0.47452) |
| XYZ D50 | color(xyz-d50 0.63929 0.63536 0.36056) |
| SwiftUI | Color(red: 0.906, green: 0.8, blue: 0.671) |
| UIKit | UIColor(red: 0.906, green: 0.8, blue: 0.671, alpha: 1) |
| Flutter / Compose | Color(0xFFE7CCAB) |
| Android XML | #E7CCAB |

## 基本情報

- 最も近い色名: パステル調の ごく明るいベージュ
- 色相の系統: ベージュ, パステル調の ごく明るいベージュ
- 最も近いTailwindクラス: orange-200
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.54:1
- 黒とのコントラスト: 13.62:1

## ティント

#e7ccab, #e9d1b3, #ecd6bc, #eedbc4, #f1e0cc, #f3e5d5, #f6ebdd, #f8f0e6, #faf5ee, #fdfaf7

## シェード

#e7ccab, #c9b194, #ab977e, #8f7e68, #736554, #594e40, #40372d, #28221b, #130f0b, #030201

## トーン

#e7ccab, #e5cdaf, #e3cdb3, #e0ceb7, #deceba, #dccebe, #dacfc2, #d7cfc6, #d5d0c9, #d3d0cd

## カラーハーモニー

- 補色: #e7ccab, #b8d4f4
- 分裂補色: #e7ccab, #abd9ea, #cbcdf4
- 類似色: #e7ccab, #f0c6b6, #d7d3ab
- トライアド: #e7ccab, #a9ddda, #ddc7eb
- テトラード: #e7ccab, #c4d9b5, #b8d4f4, #ddc7eb
- スクエア: #e7ccab, #b2dcc7, #b8d4f4, #ebc4da
- モノクロマティック: #e7ccab, #9a8162, #c0a686, #fff0ce, #fff0ce

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

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

#e7ccab はパステル調の ごく明るいベージュです。最も近い名前のある色はパステル調の ごく明るいベージュです。RGBでは rgb(231, 204, 171)、HSLでは hsl(33, 55.56%, 78.82%)、OKLCHでは oklch(85.952% 0.05344 72.586) です。

### #e7ccab に合う色は？

#e7ccab の補色は #b8d4f4 です。落ち着いた組み合わせにするなら、類似色の #f0c6b6 と #d7d3ab を使いましょう。トライアドの組み合わせは #a9ddda と #ddc7eb です。

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

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

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

#e7ccab は暖色系の色です。OKLCHでは色相 73度、明度 86%、クロマ 0.053 です。