# カラーコード #fcafe2：パステル調の 明るいマゼンタ

#fcafe2 はRGBで rgb(252, 175, 226)、OKLCHで oklch(84.234% 0.11008 339.932) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #fcafe2 |
| RGB | rgb(252, 175, 226) |
| HSL | hsl(320.26, 92.77%, 83.73%) |
| HSB / HSV | hsv(320.26 30.56% 98.82%) |
| HWB | hwb(320.26 68.63% 1.18%) |
| CMYK | cmyk(0% 31% 10% 1%) |
| Lab | lab(80.18 34.46 -13.85) |
| LCH | lch(80.18 37.13 338.1) |
| OKLab | oklab(84.234% 0.1034 -0.03777) |
| OKLCH | oklch(84.234% 0.11008 339.932) |
| Display P3 | color(display-p3 0.94373 0.69915 0.87568) |
| Rec. 2020 | color(rec2020 0.88646 0.68341 0.85766) |
| Adobe RGB | color(a98-rgb 0.91283 0.68035 0.87571) |
| ProPhoto RGB | color(prophoto-rgb 0.86088 0.67404 0.83644) |
| 線形sRGB | color(srgb-linear 0.97345 0.42869 0.76052) |
| XYZ D65 | color(xyz-d65 0.69199 0.56848 0.79282) |
| XYZ D50 | color(xyz-d50 0.69841 0.57001 0.59826) |
| SwiftUI | Color(red: 0.988, green: 0.686, blue: 0.886) |
| UIKit | UIColor(red: 0.988, green: 0.686, blue: 0.886, alpha: 1) |
| Flutter / Compose | Color(0xFFFCAFE2) |
| Android XML | #FCAFE2 |

## 基本情報

- 最も近い色名: パステル調の 明るいマゼンタ
- 色相の系統: マゼンタ, パステル調の 明るいマゼンタ
- 最も近いTailwindクラス: pink-300
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 1.7:1
- 黒とのコントラスト: 12.37:1

## ティント

#fcafe2, #fdb7e5, #febfe8, #fec7eb, #ffcfee, #ffd7f1, #ffdff4, #ffe7f6, #ffeff9, #fff7fc

## シェード

#fcafe2, #db98c4, #bb81a8, #9c6b8c, #7e5671, #624157, #472e3e, #2d1c27, #160b12, #030103

## トーン

#fcafe2, #f8b2e0, #f3b5de, #eeb8db, #eabbd9, #e5bed7, #e0c1d4, #dbc3d2, #d6c6d0, #d1c9cd

## カラーハーモニー

- 補色: #fcafe2, #88e2b3
- 分裂補色: #fcafe2, #b4da8d, #68e2db
- 類似色: #fcafe2, #e1b7ff, #ffadbb
- トライアド: #fcafe2, #dccd76, #6fdcfd
- テトラード: #fcafe2, #ffb394, #88e2b3, #6fdcfd
- スクエア: #fcafe2, #fabf79, #88e2b3, #97d1ff
- モノクロマティック: #fcafe2, #ac6596, #d389bb, #ffe5fe, #ffe9ff

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

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

#fcafe2 はパステル調の 明るいマゼンタです。最も近い名前のある色はパステル調の 明るいマゼンタです。RGBでは rgb(252, 175, 226)、HSLでは hsl(320.26, 92.77%, 83.73%)、OKLCHでは oklch(84.234% 0.11008 339.932) です。

### #fcafe2 に合う色は？

#fcafe2 の補色は #88e2b3 です。落ち着いた組み合わせにするなら、類似色の #e1b7ff と #ffadbb を使いましょう。トライアドの組み合わせは #dccd76 と #6fdcfd です。

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

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

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

#fcafe2 はニュートラルの色です。OKLCHでは色相 340度、明度 84.2%、クロマ 0.11 です。