# カラーコード #e9bdae：パステル調の 明るいオレンジ

#e9bdae はRGBで rgb(233, 189, 174)、OKLCHで oklch(83.318% 0.055 39.68) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #e9bdae |
| RGB | rgb(233, 189, 174) |
| HSL | hsl(15.25, 57.28%, 79.8%) |
| HSB / HSV | hsv(15.25 25.32% 91.37%) |
| HWB | hwb(15.25 68.24% 8.63%) |
| CMYK | cmyk(0% 19% 25% 9%) |
| Lab | lab(80.28 14.66 13.89) |
| LCH | lch(80.28 20.19 43.44) |
| OKLab | oklab(83.318% 0.04233 0.03512) |
| OKLCH | oklch(83.318% 0.055 39.68) |
| Display P3 | color(display-p3 0.88628 0.74776 0.69163) |
| Rec. 2020 | color(rec2020 0.83527 0.72615 0.65829) |
| Adobe RGB | color(a98-rgb 0.86542 0.73552 0.67898) |
| ProPhoto RGB | color(prophoto-rgb 0.79305 0.70761 0.63371) |
| 線形sRGB | color(srgb-linear 0.81485 0.50888 0.42327) |
| XYZ D65 | color(xyz-d65 0.59439 0.56776 0.47874) |
| XYZ D50 | color(xyz-d50 0.61188 0.57177 0.363) |
| SwiftUI | Color(red: 0.914, green: 0.741, blue: 0.682) |
| UIKit | UIColor(red: 0.914, green: 0.741, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFFE9BDAE) |
| Android XML | #E9BDAE |

## 基本情報

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

## ティント

#e9bdae, #ebc4b6, #eecabe, #f0d1c6, #f2d7ce, #f5ded6, #f7e4de, #f9ebe6, #fbf2ef, #fdf8f7

## シェード

#e9bdae, #cba497, #ad8c80, #90746a, #745d55, #5a4741, #41332e, #291f1c, #130d0b, #030201

## トーン

#e9bdae, #e6beb1, #e3bfb3, #e0c1b6, #dcc2b9, #d9c3bb, #d6c4be, #d2c5c0, #cfc6c3, #ccc7c6

## カラーハーモニー

- 補色: #e9bdae, #a1d1e1
- 分裂補色: #e9bdae, #9fd4d0, #aecceb
- 類似色: #e9bdae, #e9bac0, #e0c3a2
- トライアド: #e9bdae, #aad4bc, #c0c5ec
- テトラード: #e9bdae, #d0caa1, #a1d1e1, #c0c5ec
- スクエア: #e9bdae, #bdd0ab, #a1d1e1, #d3bfe4
- モノクロマティック: #e9bdae, #9b7366, #c29789, #ffe6d8, #ffede2

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

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

#e9bdae はパステル調の 明るいオレンジです。最も近い名前のある色はパステル調の 明るいオレンジです。RGBでは rgb(233, 189, 174)、HSLでは hsl(15.25, 57.28%, 79.8%)、OKLCHでは oklch(83.318% 0.055 39.68) です。

### #e9bdae に合う色は？

#e9bdae の補色は #a1d1e1 です。落ち着いた組み合わせにするなら、類似色の #e9bac0 と #e0c3a2 を使いましょう。トライアドの組み合わせは #aad4bc と #c0c5ec です。

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

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

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

#e9bdae は暖色系の色です。OKLCHでは色相 40度、明度 83.3%、クロマ 0.055 です。