# カラーコード #e07451：やわらかな オレンジ

#e07451 はRGBで rgb(224, 116, 81)、OKLCHで oklch(67.617% 0.14356 38.567) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #e07451 |
| RGB | rgb(224, 116, 81) |
| HSL | hsl(14.69, 69.76%, 59.8%) |
| HSB / HSV | hsv(14.69 63.84% 87.84%) |
| HWB | hwb(14.69 31.76% 12.16%) |
| CMYK | cmyk(0% 48% 64% 12%) |
| Lab | lab(61.31 40.92 39.14) |
| LCH | lch(61.31 56.63 43.72) |
| OKLab | oklab(67.617% 0.11225 0.0895) |
| OKLCH | oklch(67.617% 0.14356 38.567) |
| Display P3 | color(display-p3 0.8233 0.47726 0.34969) |
| Rec. 2020 | color(rec2020 0.72593 0.44888 0.29299) |
| Adobe RGB | color(a98-rgb 0.78232 0.45228 0.32787) |
| ProPhoto RGB | color(prophoto-rgb 0.65253 0.44005 0.2849) |
| 線形sRGB | color(srgb-linear 0.7454 0.17465 0.08228) |
| XYZ D65 | color(xyz-d65 0.3847 0.28934 0.11344) |
| XYZ D50 | color(xyz-d50 0.40408 0.29604 0.08609) |
| SwiftUI | Color(red: 0.878, green: 0.455, blue: 0.318) |
| UIKit | UIColor(red: 0.878, green: 0.455, blue: 0.318, alpha: 1) |
| Flutter / Compose | Color(0xFFE07451) |
| Android XML | #E07451 |

## 基本情報

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

## ティント

#e07451, #e58363, #e99175, #ed9f86, #f1ad97, #f4bba8, #f7c8b9, #fad6ca, #fce4dc, #fef1ed

## シェード

#e07451, #c36445, #a6543a, #8a452f, #703724, #56291a, #3e1b10, #270f07, #120502, #020100

## トーン

#e07451, #da7959, #d37d61, #cc8169, #c58570, #be8877, #b78b7d, #b08f84, #a8928a, #a09491

## カラーハーモニー

- 補色: #e07451, #00aad2
- 分裂補色: #e07451, #00b1a8, #449ceb
- 類似色: #e07451, #df6d85, #cf8412
- トライアド: #e07451, #2bb175, #848cee
- テトラード: #e07451, #ae9700, #00aad2, #848cee
- スクエア: #e07451, #7ca73d, #00aad2, #b07cda
- モノクロマティック: #e07451, #8f2a00, #b74f2c, #ff9a76, #ffd5c3

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

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

#e07451 はやわらかな オレンジです。最も近い名前のある色はやわらかな オレンジです。RGBでは rgb(224, 116, 81)、HSLでは hsl(14.69, 69.76%, 59.8%)、OKLCHでは oklch(67.617% 0.14356 38.567) です。

### #e07451 に合う色は？

#e07451 の補色は #00aad2 です。落ち着いた組み合わせにするなら、類似色の #df6d85 と #cf8412 を使いましょう。トライアドの組み合わせは #2bb175 と #848cee です。

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

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

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

#e07451 は暖色系の色です。OKLCHでは色相 39度、明度 67.6%、クロマ 0.144 です。