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

#df7451 はRGBで rgb(223, 116, 81)、OKLCHで oklch(67.48% 0.14245 38.709) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #df7451 |
| RGB | rgb(223, 116, 81) |
| HSL | hsl(14.79, 68.93%, 59.61%) |
| HSB / HSV | hsv(14.79 63.68% 87.45%) |
| HWB | hwb(14.79 31.76% 12.55%) |
| CMYK | cmyk(0% 48% 64% 13%) |
| Lab | lab(61.17 40.54 38.93) |
| LCH | lch(61.17 56.2 43.84) |
| OKLab | oklab(67.48% 0.11116 0.08908) |
| OKLCH | oklch(67.48% 0.14245 38.709) |
| Display P3 | color(display-p3 0.81979 0.47697 0.34948) |
| Rec. 2020 | color(rec2020 0.72262 0.44828 0.29278) |
| Adobe RGB | color(a98-rgb 0.77904 0.45228 0.32787) |
| ProPhoto RGB | color(prophoto-rgb 0.64943 0.43925 0.28471) |
| 線形sRGB | color(srgb-linear 0.73791 0.17465 0.08228) |
| XYZ D65 | color(xyz-d65 0.38161 0.28775 0.11329) |
| XYZ D50 | color(xyz-d50 0.40082 0.29437 0.08599) |
| SwiftUI | Color(red: 0.875, green: 0.455, blue: 0.318) |
| UIKit | UIColor(red: 0.875, green: 0.455, blue: 0.318, alpha: 1) |
| Flutter / Compose | Color(0xFFDF7451) |
| Android XML | #DF7451 |

## 基本情報

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

## ティント

#df7451, #e48363, #e89174, #ec9f86, #f0ad97, #f4baa8, #f7c8b9, #f9d6ca, #fce4dc, #fdf1ed

## シェード

#df7451, #c26445, #a5543a, #8a452f, #6f3724, #56291a, #3d1b10, #270f07, #120502, #020100

## トーン

#df7451, #d97959, #d27d61, #cb8168, #c58470, #be8876, #b68b7d, #af8e84, #a7918a, #9f9490

## カラーハーモニー

- 補色: #df7451, #00aad1
- 分裂補色: #df7451, #00b1a7, #459cea
- 類似色: #df7451, #df6d85, #cf8414
- トライアド: #df7451, #2cb175, #848bec
- テトラード: #df7451, #ad9700, #00aad1, #848bec
- スクエア: #df7451, #7ca73e, #00aad1, #b07cd9
- モノクロマティック: #df7451, #8e2a00, #b64f2c, #ff9a76, #ffd4c2

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

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

#df7451 はやわらかな オレンジです。最も近い名前のある色はやわらかな オレンジです。RGBでは rgb(223, 116, 81)、HSLでは hsl(14.79, 68.93%, 59.61%)、OKLCHでは oklch(67.48% 0.14245 38.709) です。

### #df7451 に合う色は？

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

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

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

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

#df7451 は暖色系の色です。OKLCHでは色相 39度、明度 67.5%、クロマ 0.142 です。