# カラーコード #df7d60：やわらかな 赤

#df7d60 はRGBで rgb(223, 125, 96)、OKLCHで oklch(69.152% 0.12886 37.302) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #df7d60 |
| RGB | rgb(223, 125, 96) |
| HSL | hsl(13.7, 66.49%, 62.55%) |
| HSB / HSV | hsv(13.7 56.95% 87.45%) |
| HWB | hwb(13.7 37.65% 12.55%) |
| CMYK | cmyk(0% 44% 57% 13%) |
| Lab | lab(63.2 36.87 33.25) |
| LCH | lch(63.2 49.65 42.04) |
| OKLab | oklab(69.152% 0.1025 0.07809) |
| OKLCH | oklch(69.152% 0.12886 37.302) |
| Display P3 | color(display-p3 0.82287 0.50932 0.40155) |
| Rec. 2020 | color(rec2020 0.73071 0.48005 0.347) |
| Adobe RGB | color(a98-rgb 0.78434 0.48655 0.38219) |
| ProPhoto RGB | color(prophoto-rgb 0.66105 0.46807 0.33253) |
| 線形sRGB | color(srgb-linear 0.73791 0.20508 0.11697) |
| XYZ D65 | color(xyz-d65 0.39875 0.31202 0.14989) |
| XYZ D50 | color(xyz-d50 0.4175 0.31829 0.11371) |
| SwiftUI | Color(red: 0.875, green: 0.49, blue: 0.376) |
| UIKit | UIColor(red: 0.875, green: 0.49, blue: 0.376, alpha: 1) |
| Flutter / Compose | Color(0xFFDF7D60) |
| Android XML | #DF7D60 |

## 基本情報

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

## ティント

#df7d60, #e48a70, #e89880, #eca58f, #efb29f, #f3beaf, #f6cbbf, #f9d8cf, #fbe5df, #fdf2ef

## シェード

#df7d60, #c26c52, #a55b45, #8a4b38, #6f3b2c, #562c20, #3d1e15, #27110a, #120503, #020100

## トーン

#df7d60, #d98167, #d3856d, #cd8873, #c68b7a, #c08e80, #b99185, #b2948b, #ab9791, #a39996

## カラーハーモニー

- 補色: #df7d60, #00aed0
- 分裂補色: #df7d60, #00b5aa, #53a2e7
- 類似色: #df7d60, #de778e, #d08b37
- トライアド: #df7d60, #49b37c, #8993eb
- テトラード: #df7d60, #b29b2a, #00aed0, #8993eb
- スクエア: #df7d60, #86aa4d, #00aed0, #b185da
- モノクロマティック: #df7d60, #8f3518, #b6583d, #ffa384, #ffdccd

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

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

#df7d60 はやわらかな 赤です。最も近い名前のある色はやわらかな 赤です。RGBでは rgb(223, 125, 96)、HSLでは hsl(13.7, 66.49%, 62.55%)、OKLCHでは oklch(69.152% 0.12886 37.302) です。

### #df7d60 に合う色は？

#df7d60 の補色は #00aed0 です。落ち着いた組み合わせにするなら、類似色の #de778e と #d08b37 を使いましょう。トライアドの組み合わせは #49b37c と #8993eb です。

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

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

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

#df7d60 は暖色系の色です。OKLCHでは色相 37度、明度 69.2%、クロマ 0.129 です。