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

#f3987f はRGBで rgb(243, 152, 127)、OKLCHで oklch(76.693% 0.11577 36.135) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f3987f |
| RGB | rgb(243, 152, 127) |
| HSL | hsl(12.93, 82.86%, 72.55%) |
| HSB / HSV | hsv(12.93 47.74% 95.29%) |
| HWB | hwb(12.93 49.8% 4.71%) |
| CMYK | cmyk(0% 37% 48% 5%) |
| Lab | lab(72.05 33.13 28.26) |
| LCH | lch(72.05 43.55 40.47) |
| OKLab | oklab(76.693% 0.0935 0.06827) |
| OKLCH | oklch(76.693% 0.11577 36.135) |
| Display P3 | color(display-p3 0.90276 0.61249 0.51821) |
| Rec. 2020 | color(rec2020 0.82173 0.5888 0.47076) |
| Adobe RGB | color(a98-rgb 0.86688 0.59053 0.4986) |
| ProPhoto RGB | color(prophoto-rgb 0.7584 0.5742 0.44808) |
| 線形sRGB | color(srgb-linear 0.89627 0.31399 0.21223) |
| XYZ D65 | color(xyz-d65 0.52019 0.43046 0.25648) |
| XYZ D50 | color(xyz-d50 0.54213 0.43737 0.19452) |
| SwiftUI | Color(red: 0.953, green: 0.596, blue: 0.498) |
| UIKit | UIColor(red: 0.953, green: 0.596, blue: 0.498, alpha: 1) |
| Flutter / Compose | Color(0xFFF3987F) |
| Android XML | #F3987F |

## 基本情報

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

## ティント

#f3987f, #f5a38c, #f7ad98, #f9b7a5, #fbc2b2, #fcccbf, #fdd6cb, #fee0d8, #ffebe5, #fff5f2

## シェード

#f3987f, #d3846e, #b4705d, #975c4c, #7a4a3c, #5e382d, #44271f, #2b1711, #140806, #030101

## トーン

#f3987f, #ed9b85, #e79e8a, #e1a190, #dba495, #d5a79a, #cfaa9f, #c8aca4, #c1aea9, #bab1ae

## カラーハーモニー

- 補色: #f3987f, #47c5e2
- 分裂補色: #f3987f, #45cbbe, #72baf9
- 類似色: #f3987f, #f293a8, #e5a45f
- トライアド: #f3987f, #71c994, #9fadfd
- テトラード: #f3987f, #c9b356, #47c5e2, #9fadfd
- スクエア: #f3987f, #a1c16d, #47c5e2, #c6a0ee
- モノクロマティック: #f3987f, #a24f39, #ca735b, #ffc7b3, #ffede4

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

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

#f3987f は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(243, 152, 127)、HSLでは hsl(12.93, 82.86%, 72.55%)、OKLCHでは oklch(76.693% 0.11577 36.135) です。

### #f3987f に合う色は？

#f3987f の補色は #47c5e2 です。落ち着いた組み合わせにするなら、類似色の #f293a8 と #e5a45f を使いましょう。トライアドの組み合わせは #71c994 と #9fadfd です。

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

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

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

#f3987f は暖色系の色です。OKLCHでは色相 36度、明度 76.7%、クロマ 0.116 です。