# カラーコード #f59fc2：鮮やかな 明るいピンク

#f59fc2 はRGBで rgb(245, 159, 194)、OKLCHで oklch(79.782% 0.11035 353.88) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f59fc2 |
| RGB | rgb(245, 159, 194) |
| HSL | hsl(335.58, 81.13%, 79.22%) |
| HSB / HSV | hsv(335.58 35.1% 96.08%) |
| HWB | hwb(335.58 62.35% 3.92%) |
| CMYK | cmyk(0% 35% 21% 4%) |
| Lab | lab(75.1 36.27 -4.08) |
| LCH | lch(75.1 36.5 353.59) |
| OKLab | oklab(79.782% 0.10972 -0.01176) |
| OKLCH | oklch(79.782% 0.11035 353.88) |
| Display P3 | color(display-p3 0.91258 0.63862 0.75599) |
| Rec. 2020 | color(rec2020 0.84323 0.61867 0.72586) |
| Adobe RGB | color(a98-rgb 0.87831 0.61775 0.75024) |
| ProPhoto RGB | color(prophoto-rgb 0.8029 0.60759 0.69768) |
| 線形sRGB | color(srgb-linear 0.9131 0.3467 0.53948) |
| XYZ D65 | color(xyz-d65 0.5979 0.48106 0.57177) |
| XYZ D50 | color(xyz-d50 0.60889 0.48441 0.43161) |
| SwiftUI | Color(red: 0.961, green: 0.624, blue: 0.761) |
| UIKit | UIColor(red: 0.961, green: 0.624, blue: 0.761, alpha: 1) |
| Flutter / Compose | Color(0xFFF59FC2) |
| Android XML | #F59FC2 |

## 基本情報

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

## ティント

#f59fc2, #f7a9c8, #f9b2ce, #fabcd4, #fbc6da, #fdcfe0, #fdd9e6, #fee2ec, #ffecf3, #fff5f9

## シェード

#f59fc2, #d58aa8, #b6758f, #986177, #7b4d60, #5f3b49, #442934, #2b1820, #15090e, #030102

## トーン

#f59fc2, #f0a2c1, #eba6c1, #e6a9c0, #e0acc0, #dbafbf, #d5b2bf, #cfb5be, #c9b7be, #c3babd

## カラーハーモニー

- 補色: #f59fc2, #66d4b7
- 分裂補色: #f59fc2, #91d08f, #55d2dd
- 類似色: #f59fc2, #e0a5e5, #fca09a
- トライアド: #f59fc2, #bcc56f, #6fc9f9
- テトラード: #f59fc2, #f5a978, #66d4b7, #6fc9f9
- スクエア: #f59fc2, #dfb765, #66d4b7, #99bcff
- モノクロマティック: #f59fc2, #a55678, #cc7a9c, #ffd0e7, #ffeaf7

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

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

#f59fc2 は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(245, 159, 194)、HSLでは hsl(335.58, 81.13%, 79.22%)、OKLCHでは oklch(79.782% 0.11035 353.88) です。

### #f59fc2 に合う色は？

#f59fc2 の補色は #66d4b7 です。落ち着いた組み合わせにするなら、類似色の #e0a5e5 と #fca09a を使いましょう。トライアドの組み合わせは #bcc56f と #6fc9f9 です。

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

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

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

#f59fc2 は暖色系の色です。OKLCHでは色相 354度、明度 79.8%、クロマ 0.11 です。