# カラーコード #ebae93：やわらかな 明るいオレンジ

#ebae93 はRGBで rgb(235, 174, 147)、OKLCHで oklch(80.102% 0.08101 44.907) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ebae93 |
| RGB | rgb(235, 174, 147) |
| HSL | hsl(18.41, 68.75%, 74.9%) |
| HSB / HSV | hsv(18.41 37.45% 92.16%) |
| HWB | hwb(18.41 57.65% 7.84%) |
| CMYK | cmyk(0% 26% 37% 8%) |
| Lab | lab(76.43 20.47 23.09) |
| LCH | lch(76.43 30.86 48.44) |
| OKLab | oklab(80.102% 0.05737 0.05719) |
| OKLCH | oklch(80.102% 0.08101 44.907) |
| Display P3 | color(display-p3 0.88519 0.69208 0.59305) |
| Rec. 2020 | color(rec2020 0.82071 0.66812 0.55173) |
| Adobe RGB | color(a98-rgb 0.85835 0.67642 0.57594) |
| ProPhoto RGB | color(prophoto-rgb 0.76708 0.64932 0.5276) |
| 線形sRGB | color(srgb-linear 0.83077 0.42327 0.29177) |
| XYZ D65 | color(xyz-d65 0.54661 0.50043 0.34385) |
| XYZ D50 | color(xyz-d50 0.56704 0.50596 0.26101) |
| SwiftUI | Color(red: 0.922, green: 0.682, blue: 0.576) |
| UIKit | UIColor(red: 0.922, green: 0.682, blue: 0.576, alpha: 1) |
| Flutter / Compose | Color(0xFFEBAE93) |
| Android XML | #EBAE93 |

## 基本情報

- 最も近い色名: やわらかな 明るいオレンジ
- 色相の系統: オレンジ, やわらかな 明るいオレンジ
- 最も近いTailwindクラス: red-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.91:1
- 黒とのコントラスト: 11.01:1

## ティント

#ebae93, #eeb69e, #f0bea8, #f2c6b3, #f4cebe, #f6d6c9, #f8dfd3, #fae7de, #fcefe9, #fef7f4

## シェード

#ebae93, #cc977f, #ae806c, #916a59, #755547, #5b4136, #412e25, #291c16, #130b08, #030101

## トーン

#ebae93, #e7b098, #e3b29c, #deb3a0, #dab5a5, #d5b6a9, #d1b8ad, #ccbab1, #c8bbb6, #c3bcba

## カラーハーモニー

- 補色: #ebae93, #83cae5
- 分裂補色: #ebae93, #7ccfce, #9bc1f2
- 類似色: #ebae93, #eea9ad, #ddb783
- トライアド: #ebae93, #8bcfb1, #b8b7f1
- テトラード: #ebae93, #c5c184, #83cae5, #b8b7f1
- スクエア: #ebae93, #a8ca96, #83cae5, #d2afe2
- モノクロマティック: #ebae93, #9d654c, #c3896f, #ffd8c0, #ffeee0

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

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

#ebae93 はやわらかな 明るいオレンジです。最も近い名前のある色はやわらかな 明るいオレンジです。RGBでは rgb(235, 174, 147)、HSLでは hsl(18.41, 68.75%, 74.9%)、OKLCHでは oklch(80.102% 0.08101 44.907) です。

### #ebae93 に合う色は？

#ebae93 の補色は #83cae5 です。落ち着いた組み合わせにするなら、類似色の #eea9ad と #ddb783 を使いましょう。トライアドの組み合わせは #8bcfb1 と #b8b7f1 です。

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

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

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

#ebae93 は暖色系の色です。OKLCHでは色相 45度、明度 80.1%、クロマ 0.081 です。