# カラーコード #e98554：鮮やかな 明るいオレンジ

#e98554 はRGBで rgb(233, 133, 84)、OKLCHで oklch(71.575% 0.1385 45.846) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #e98554 |
| RGB | rgb(233, 133, 84) |
| HSL | hsl(19.73, 77.2%, 62.16%) |
| HSB / HSV | hsv(19.73 63.95% 91.37%) |
| HWB | hwb(19.73 32.94% 8.63%) |
| CMYK | cmyk(0% 43% 64% 9%) |
| Lab | lab(66.12 36.24 43.47) |
| LCH | lch(66.12 56.59 50.19) |
| OKLab | oklab(71.575% 0.09648 0.09937) |
| OKLCH | oklch(71.575% 0.1385 45.846) |
| Display P3 | color(display-p3 0.86067 0.54084 0.36814) |
| Rec. 2020 | color(rec2020 0.76919 0.51359 0.31346) |
| Adobe RGB | color(a98-rgb 0.82184 0.51718 0.34234) |
| ProPhoto RGB | color(prophoto-rgb 0.69626 0.50034 0.30516) |
| 線形sRGB | color(srgb-linear 0.81485 0.23455 0.08866) |
| XYZ D65 | color(xyz-d65 0.43591 0.34741 0.12798) |
| XYZ D50 | color(xyz-d50 0.45835 0.35482 0.09743) |
| SwiftUI | Color(red: 0.914, green: 0.522, blue: 0.329) |
| UIKit | UIColor(red: 0.914, green: 0.522, blue: 0.329, alpha: 1) |
| Flutter / Compose | Color(0xFFE98554) |
| Android XML | #E98554 |

## 基本情報

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

## ティント

#e98554, #ed9266, #f09e78, #f3ab89, #f5b79a, #f8c3ab, #facfbb, #fcdbcc, #fde7dd, #fef3ee

## シェード

#e98554, #cb7348, #ad613c, #905031, #744026, #5a301b, #412111, #291308, #130602, #030100

## トーン

#e98554, #e3895e, #dc8d67, #d6906f, #cf9377, #c9967f, #c29987, #ba9c8e, #b39e95, #aba19c

## カラーハーモニー

- 補色: #e98554, #00b4e5
- 分裂補色: #e98554, #00bdbf, #66a5f8
- 類似色: #e98554, #ed7c86, #d49528
- トライアド: #e98554, #2bbe8f, #9c95f5
- テトラード: #e98554, #afa82c, #00b4e5, #9c95f5
- スクエア: #e98554, #7bb75b, #00b4e5, #c587dd
- モノクロマティック: #e98554, #983c00, #c0602e, #ffaf84, #ffe7d6

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

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

#e98554 は鮮やかな 明るいオレンジです。最も近い名前のある色は鮮やかな 明るいオレンジです。RGBでは rgb(233, 133, 84)、HSLでは hsl(19.73, 77.2%, 62.16%)、OKLCHでは oklch(71.575% 0.1385 45.846) です。

### #e98554 に合う色は？

#e98554 の補色は #00b4e5 です。落ち着いた組み合わせにするなら、類似色の #ed7c86 と #d49528 を使いましょう。トライアドの組み合わせは #2bbe8f と #9c95f5 です。

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

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

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

#e98554 は暖色系の色です。OKLCHでは色相 46度、明度 71.6%、クロマ 0.139 です。