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

#df8753 はRGBで rgb(223, 135, 83)、OKLCHで oklch(70.631% 0.12737 50.117) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #df8753 |
| RGB | rgb(223, 135, 83) |
| HSL | hsl(22.29, 68.63%, 60%) |
| HSB / HSV | hsv(22.29 62.78% 87.45%) |
| HWB | hwb(22.29 32.55% 12.55%) |
| CMYK | cmyk(0% 39% 63% 13%) |
| Lab | lab(65.21 31.2 42.53) |
| LCH | lch(65.21 52.75 53.73) |
| OKLab | oklab(70.631% 0.08167 0.09774) |
| OKLCH | oklch(70.631% 0.12737 50.117) |
| Display P3 | color(display-p3 0.82661 0.54563 0.36382) |
| Rec. 2020 | color(rec2020 0.73829 0.51537 0.30932) |
| Adobe RGB | color(a98-rgb 0.79075 0.52486 0.33945) |
| ProPhoto RGB | color(prophoto-rgb 0.66722 0.49949 0.30191) |
| 線形sRGB | color(srgb-linear 0.73791 0.24228 0.0865) |
| XYZ D65 | color(xyz-d65 0.40656 0.33643 0.12536) |
| XYZ D50 | color(xyz-d50 0.42747 0.34311 0.09557) |
| SwiftUI | Color(red: 0.875, green: 0.529, blue: 0.325) |
| UIKit | UIColor(red: 0.875, green: 0.529, blue: 0.325, alpha: 1) |
| Flutter / Compose | Color(0xFFDF8753) |
| Android XML | #DF8753 |

## 基本情報

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

## ティント

#df8753, #e39365, #e79f77, #ebac88, #efb899, #f2c3aa, #f5cfbb, #f8dbcc, #fbe7dd, #fdf3ee

## シェード

#df8753, #c27547, #a5633b, #8a5130, #6f4125, #56311b, #3d2111, #271308, #120602, #020100

## トーン

#df8753, #d98a5c, #d48d65, #ce906d, #c89375, #c2957d, #bb9884, #b59a8c, #ae9c93, #a79e99

## カラーハーモニー

- 補色: #df8753, #31aee0
- 分裂補色: #df8753, #00b7c0, #71a0ef
- 類似色: #df8753, #e57e7f, #ca9633
- トライアド: #df8753, #30b994, #a092ea
- テトラード: #df8753, #a5a73d, #31aee0, #a092ea
- スクエア: #df8753, #73b466, #31aee0, #c385d1
- モノクロマティック: #df8753, #8f3f00, #b7622d, #ffad78, #ffe3cd

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

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

#df8753 はやわらかな 明るいオレンジです。最も近い名前のある色はやわらかな 明るいオレンジです。RGBでは rgb(223, 135, 83)、HSLでは hsl(22.29, 68.63%, 60%)、OKLCHでは oklch(70.631% 0.12737 50.117) です。

### #df8753 に合う色は？

#df8753 の補色は #31aee0 です。落ち着いた組み合わせにするなら、類似色の #e57e7f と #ca9633 を使いましょう。トライアドの組み合わせは #30b994 と #a092ea です。

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

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

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

#df8753 は暖色系の色です。OKLCHでは色相 50度、明度 70.6%、クロマ 0.127 です。