# カラーコード #df708a：やわらかな ローズ

#df708a はRGBで rgb(223, 112, 138)、OKLCHで oklch(68.065% 0.14017 6.702) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #df708a |
| RGB | rgb(223, 112, 138) |
| HSL | hsl(345.95, 63.43%, 65.69%) |
| HSB / HSV | hsv(345.95 49.78% 87.45%) |
| HWB | hwb(345.95 43.92% 12.55%) |
| CMYK | cmyk(0% 50% 38% 13%) |
| Lab | lab(61.29 46.05 7.01) |
| LCH | lch(61.29 46.58 8.66) |
| OKLab | oklab(68.065% 0.13921 0.01636) |
| OKLCH | oklch(68.065% 0.14017 6.702) |
| Display P3 | color(display-p3 0.81851 0.46272 0.54273) |
| Rec. 2020 | color(rec2020 0.72494 0.43695 0.494) |
| Adobe RGB | color(a98-rgb 0.77683 0.43712 0.53275) |
| ProPhoto RGB | color(prophoto-rgb 0.66497 0.43258 0.46445) |
| 線形sRGB | color(srgb-linear 0.73791 0.16203 0.25415) |
| XYZ D65 | color(xyz-d65 0.40812 0.29113 0.27516) |
| XYZ D50 | color(xyz-d50 0.42055 0.29574 0.20749) |
| SwiftUI | Color(red: 0.875, green: 0.439, blue: 0.541) |
| UIKit | UIColor(red: 0.875, green: 0.439, blue: 0.541, alpha: 1) |
| Flutter / Compose | Color(0xFFDF708A) |
| Android XML | #DF708A |

## 基本情報

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

## ティント

#df708a, #e47f95, #e88da0, #ed9cac, #f0aab7, #f4b8c3, #f7c6cf, #f9d4db, #fce3e7, #fef1f3

## シェード

#df708a, #c26077, #a55165, #8a4353, #6f3542, #562732, #3d1a22, #270e14, #120407, #020101

## トーン

#df708a, #d9758b, #d37a8d, #cc7e8e, #c68390, #bf8791, #b88a93, #b08e94, #a99295, #a19597

## カラーハーモニー

- 補色: #df708a, #00b3a6
- 分裂補色: #df708a, #3ab274, #00acd0
- 類似色: #df708a, #ce74b8, #e17658
- トライアド: #df708a, #82a83e, #449fe9
- テトラード: #df708a, #d18522, #00b3a6, #449fe9
- スクエア: #df708a, #b29700, #00b3a6, #838fee
- モノクロマティック: #df708a, #8e2646, #b64b67, #ff96af, #ffd3dd

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

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

#df708a はやわらかな ローズです。最も近い名前のある色はやわらかな ローズです。RGBでは rgb(223, 112, 138)、HSLでは hsl(345.95, 63.43%, 65.69%)、OKLCHでは oklch(68.065% 0.14017 6.702) です。

### #df708a に合う色は？

#df708a の補色は #00b3a6 です。落ち着いた組み合わせにするなら、類似色の #ce74b8 と #e17658 を使いましょう。トライアドの組み合わせは #82a83e と #449fe9 です。

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

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

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

#df708a は暖色系の色です。OKLCHでは色相 7度、明度 68.1%、クロマ 0.14 です。