# カラーコード #ce84ae：やわらかな 明るいピンク

#ce84ae はRGBで rgb(206, 132, 174)、OKLCHで oklch(70.234% 0.10516 345.086) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ce84ae |
| RGB | rgb(206, 132, 174) |
| HSL | hsl(325.95, 43.02%, 66.27%) |
| HSB / HSV | hsv(325.95 35.92% 80.78%) |
| HWB | hwb(325.95 51.76% 19.22%) |
| CMYK | cmyk(0% 36% 16% 19%) |
| Lab | lab(64.03 33.62 -9.85) |
| LCH | lch(64.03 35.03 343.67) |
| OKLab | oklab(70.234% 0.10162 -0.02706) |
| OKLCH | oklch(70.234% 0.10516 345.086) |
| Display P3 | color(display-p3 0.7665 0.5307 0.67458) |
| Rec. 2020 | color(rec2020 0.69193 0.49991 0.63628) |
| Adobe RGB | color(a98-rgb 0.73436 0.51334 0.67064) |
| ProPhoto RGB | color(prophoto-rgb 0.65144 0.4873 0.6043) |
| 線形sRGB | color(srgb-linear 0.61721 0.23074 0.42327) |
| XYZ D65 | color(xyz-d65 0.41343 0.32682 0.44176) |
| XYZ D50 | color(xyz-d50 0.41857 0.3284 0.33325) |
| SwiftUI | Color(red: 0.808, green: 0.518, blue: 0.682) |
| UIKit | UIColor(red: 0.808, green: 0.518, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFFCE84AE) |
| Android XML | #CE84AE |

## 基本情報

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

## ティント

#ce84ae, #d490b6, #d99cbe, #dea9c6, #e4b5ce, #e9c1d6, #edcdde, #f2dae6, #f6e6ee, #fbf2f7

## シェード

#ce84ae, #b37297, #986080, #7f4f6a, #663f55, #4e2f41, #38202e, #23121c, #0f060b, #020101

## トーン

#ce84ae, #ca87ad, #c58aab, #c18daa, #bd90a8, #b892a7, #b395a5, #ae98a4, #a99aa2, #a49da0

## カラーハーモニー

- 補色: #ce84ae, #57b48f
- 分裂補色: #ce84ae, #82ae6a, #38b3b3
- 類似色: #ce84ae, #b88bcc, #d8838a
- トライアド: #ce84ae, #a9a350, #49add0
- テトラード: #ce84ae, #d68a67, #57b48f, #49add0
- スクエア: #ce84ae, #c5954f, #57b48f, #72a2e0
- モノクロマティック: #ce84ae, #813e66, #a76089, #f6a9d4, #ffdbf6

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

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

#ce84ae はやわらかな 明るいピンクです。最も近い名前のある色はやわらかな 明るいピンクです。RGBでは rgb(206, 132, 174)、HSLでは hsl(325.95, 43.02%, 66.27%)、OKLCHでは oklch(70.234% 0.10516 345.086) です。

### #ce84ae に合う色は？

#ce84ae の補色は #57b48f です。落ち着いた組み合わせにするなら、類似色の #b88bcc と #d8838a を使いましょう。トライアドの組み合わせは #a9a350 と #49add0 です。

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

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

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

#ce84ae は暖色系の色です。OKLCHでは色相 345度、明度 70.2%、クロマ 0.105 です。