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

#cf787a はRGBで rgb(207, 120, 122)、OKLCHで oklch(66.81% 0.10896 18.927) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #cf787a |
| RGB | rgb(207, 120, 122) |
| HSL | hsl(358.62, 47.54%, 64.12%) |
| HSB / HSV | hsv(358.62 42.03% 81.18%) |
| HWB | hwb(358.62 47.06% 18.82%) |
| CMYK | cmyk(0% 42% 41% 19%) |
| Lab | lab(60.36 34.93 14.49) |
| LCH | lch(60.36 37.81 22.53) |
| OKLab | oklab(66.81% 0.10307 0.03534) |
| OKLCH | oklch(66.81% 0.10896 18.927) |
| Display P3 | color(display-p3 0.76521 0.4871 0.48617) |
| Rec. 2020 | color(rec2020 0.67713 0.45463 0.43479) |
| Adobe RGB | color(a98-rgb 0.72947 0.46748 0.47479) |
| ProPhoto RGB | color(prophoto-rgb 0.61727 0.44296 0.41017) |
| 線形sRGB | color(srgb-linear 0.62396 0.18782 0.19462) |
| XYZ D65 | color(xyz-d65 0.3596 0.28105 0.21944) |
| XYZ D50 | color(xyz-d50 0.37227 0.28527 0.1659) |
| SwiftUI | Color(red: 0.812, green: 0.471, blue: 0.478) |
| UIKit | UIColor(red: 0.812, green: 0.471, blue: 0.478, alpha: 1) |
| Flutter / Compose | Color(0xFFCF787A) |
| Android XML | #CF787A |

## 基本情報

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

## ティント

#cf787a, #d58587, #db9393, #e0a0a0, #e5aead, #eabbbb, #efc9c8, #f3d6d6, #f7e4e3, #fbf1f1

## シェード

#cf787a, #b46769, #995759, #7f4849, #67393a, #4f2a2b, #381d1d, #231010, #100505, #020101

## トーン

#cf787a, #ca7b7d, #c57f7f, #bf8282, #ba8585, #b48887, #ae8a8a, #a88d8d, #a2908f, #9b9292

## カラーハーモニー

- 補色: #cf787a, #1ca9ae
- 分裂補色: #cf787a, #41aa89, #3da1ca
- 類似色: #cf787a, #c6789f, #cb7f56
- トライアド: #cf787a, #71a563, #6b95d7
- テトラード: #cf787a, #b98c3e, #1ca9ae, #6b95d7
- スクエア: #cf787a, #9a9a44, #1ca9ae, #9389d3
- モノクロマティック: #cf787a, #803237, #a75457, #f89d9e, #ffcfce

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

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

#cf787a はやわらかな ローズです。最も近い名前のある色はやわらかな ローズです。RGBでは rgb(207, 120, 122)、HSLでは hsl(358.62, 47.54%, 64.12%)、OKLCHでは oklch(66.81% 0.10896 18.927) です。

### #cf787a に合う色は？

#cf787a の補色は #1ca9ae です。落ち着いた組み合わせにするなら、類似色の #c6789f と #cb7f56 を使いましょう。トライアドの組み合わせは #71a563 と #6b95d7 です。

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

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

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

#cf787a は暖色系の色です。OKLCHでは色相 19度、明度 66.8%、クロマ 0.109 です。