# カラーコード #fcaeae：パステル調の 明るいピンク

#fcaeae はRGBで rgb(252, 174, 174)、OKLCHで oklch(82.534% 0.09191 19.213) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #fcaeae |
| RGB | rgb(252, 174, 174) |
| HSL | hsl(0, 92.86%, 83.53%) |
| HSB / HSV | hsv(0 30.95% 98.82%) |
| HWB | hwb(0 68.24% 1.18%) |
| CMYK | cmyk(0% 31% 31% 1%) |
| Lab | lab(78.79 29.38 12.18) |
| LCH | lch(78.79 31.81 22.51) |
| OKLab | oklab(82.534% 0.08679 0.03024) |
| OKLCH | oklch(82.534% 0.09191 19.213) |
| Display P3 | color(display-p3 0.94327 0.69545 0.68913) |
| Rec. 2020 | color(rec2020 0.87714 0.67677 0.65443) |
| Adobe RGB | color(a98-rgb 0.91205 0.67642 0.67642) |
| ProPhoto RGB | color(prophoto-rgb 0.82962 0.66312 0.62777) |
| 線形sRGB | color(srgb-linear 0.97345 0.42327 0.42327) |
| XYZ D65 | color(xyz-d65 0.62919 0.54026 0.4716) |
| XYZ D50 | color(xyz-d50 0.64807 0.54568 0.3569) |
| SwiftUI | Color(red: 0.988, green: 0.682, blue: 0.682) |
| UIKit | UIColor(red: 0.988, green: 0.682, blue: 0.682, alpha: 1) |
| Flutter / Compose | Color(0xFFFCAEAE) |
| Android XML | #FCAEAE |

## 基本情報

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

## ティント

#fcaeae, #fdb6b6, #febebe, #ffc7c6, #ffcfce, #ffd7d6, #ffdfde, #ffe7e6, #ffefee, #fff7f7

## シェード

#fcaeae, #db9797, #bb8080, #9c6a6a, #7e5555, #624141, #472e2e, #2d1c1c, #160b0b, #030101

## トーン

#fcaeae, #f7b1b0, #f2b3b3, #edb6b5, #e8b8b8, #e2bbba, #ddbdbc, #d7bfbf, #d2c1c1, #ccc4c3

## カラーハーモニー

- 補色: #fcaeae, #77d8dc
- 分裂補色: #fcaeae, #87d9bc, #84d2f6
- 類似色: #fcaeae, #f4aecf, #f7b491
- トライアド: #fcaeae, #a7d59b, #a2c7ff
- テトラード: #fcaeae, #e6bf80, #77d8dc, #a2c7ff
- スクエア: #fcaeae, #cacb84, #77d8dc, #c4bcfe
- モノクロマティック: #fcaeae, #ac6566, #d38989, #ffe0e0, #ffeceb

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

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

#fcaeae はパステル調の 明るいピンクです。最も近い名前のある色はパステル調の 明るいピンクです。RGBでは rgb(252, 174, 174)、HSLでは hsl(0, 92.86%, 83.53%)、OKLCHでは oklch(82.534% 0.09191 19.213) です。

### #fcaeae に合う色は？

#fcaeae の補色は #77d8dc です。落ち着いた組み合わせにするなら、類似色の #f4aecf と #f7b491 を使いましょう。トライアドの組み合わせは #a7d59b と #a2c7ff です。

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

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

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

#fcaeae は暖色系の色です。OKLCHでは色相 19度、明度 82.5%、クロマ 0.092 です。