# カラーコード #e4bc82：パステル調の 明るいアンバー

#e4bc82 はRGBで rgb(228, 188, 130)、OKLCHで oklch(81.726% 0.08777 76.289) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #e4bc82 |
| RGB | rgb(228, 188, 130) |
| HSL | hsl(35.51, 64.47%, 70.2%) |
| HSB / HSV | hsv(35.51 42.98% 89.41%) |
| HWB | hwb(35.51 50.98% 10.59%) |
| CMYK | cmyk(0% 18% 43% 11%) |
| Lab | lab(78.85 9.3 34.99) |
| LCH | lch(78.85 36.21 75.12) |
| OKLab | oklab(81.726% 0.0208 0.08527) |
| OKLCH | oklch(81.726% 0.08777 76.289) |
| Display P3 | color(display-p3 0.86895 0.74317 0.53996) |
| Rec. 2020 | color(rec2020 0.81378 0.71875 0.49706) |
| Adobe RGB | color(a98-rgb 0.84922 0.73157 0.51737) |
| ProPhoto RGB | color(prophoto-rgb 0.75851 0.69676 0.47863) |
| 線形sRGB | color(srgb-linear 0.77582 0.50289 0.22323) |
| XYZ D65 | color(xyz-d65 0.54005 0.54073 0.28712) |
| XYZ D50 | color(xyz-d50 0.56394 0.54666 0.21903) |
| SwiftUI | Color(red: 0.894, green: 0.737, blue: 0.51) |
| UIKit | UIColor(red: 0.894, green: 0.737, blue: 0.51, alpha: 1) |
| Flutter / Compose | Color(0xFFE4BC82) |
| Android XML | #E4BC82 |

## 基本情報

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

## ティント

#e4bc82, #e7c38f, #eac99c, #edd0a8, #efd7b5, #f2dec1, #f5e4ce, #f7ebda, #faf2e6, #fcf8f3

## シェード

#e4bc82, #c6a370, #a98b5f, #8d734e, #725d3e, #58472f, #3f3220, #281f12, #120d06, #030201

## トーン

#e4bc82, #e1bd89, #debe90, #dabf97, #d7bf9e, #d4c0a4, #d1c1ab, #cdc1b1, #cac2b7, #c6c3bd

## カラーハーモニー

- 補色: #e4bc82, #9ec6fc
- 分裂補色: #e4bc82, #83cfef, #bebbfa
- 類似色: #e4bc82, #f4b293, #cac784
- トライアド: #e4bc82, #7ad5d6, #dab2ea
- テトラード: #e4bc82, #a9d198, #9ec6fc, #dab2ea
- スクエア: #e4bc82, #8ad6b7, #9ec6fc, #eeadcf
- モノクロマティック: #e4bc82, #977239, #bd965d, #ffe3a8, #fff0c8

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

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

#e4bc82 はパステル調の 明るいアンバーです。最も近い名前のある色はパステル調の 明るいアンバーです。RGBでは rgb(228, 188, 130)、HSLでは hsl(35.51, 64.47%, 70.2%)、OKLCHでは oklch(81.726% 0.08777 76.289) です。

### #e4bc82 に合う色は？

#e4bc82 の補色は #9ec6fc です。落ち着いた組み合わせにするなら、類似色の #f4b293 と #cac784 を使いましょう。トライアドの組み合わせは #7ad5d6 と #dab2ea です。

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

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

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

#e4bc82 は暖色系の色です。OKLCHでは色相 76度、明度 81.7%、クロマ 0.088 です。
