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

#fa978e はRGBで rgb(250, 151, 142)、OKLCHで oklch(77.671% 0.12057 25.76) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #fa978e |
| RGB | rgb(250, 151, 142) |
| HSL | hsl(5, 91.53%, 76.86%) |
| HSB / HSV | hsv(5 43.2% 98.04%) |
| HWB | hwb(5 55.69% 1.96%) |
| CMYK | cmyk(0% 40% 43% 2%) |
| Lab | lab(72.95 37.36 21.5) |
| LCH | lch(72.95 43.11 29.92) |
| OKLab | oklab(77.671% 0.10858 0.0524) |
| OKLCH | oklch(77.671% 0.12057 25.76) |
| Display P3 | color(display-p3 0.92666 0.61049 0.57035) |
| Rec. 2020 | color(rec2020 0.84501 0.58935 0.52574) |
| Adobe RGB | color(a98-rgb 0.88889 0.58665 0.55331) |
| ProPhoto RGB | color(prophoto-rgb 0.78458 0.57728 0.49949) |
| 線形sRGB | color(srgb-linear 0.95597 0.30947 0.2705) |
| XYZ D65 | color(xyz-d65 0.55372 0.44413 0.31248) |
| XYZ D50 | color(xyz-d50 0.57476 0.45095 0.23652) |
| SwiftUI | Color(red: 0.98, green: 0.592, blue: 0.557) |
| UIKit | UIColor(red: 0.98, green: 0.592, blue: 0.557, alpha: 1) |
| Flutter / Compose | Color(0xFFFA978E) |
| Android XML | #FA978E |

## 基本情報

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

## ティント

#fa978e, #fca299, #fdaca4, #feb7af, #ffc1bb, #ffccc6, #ffd6d1, #ffe0dc, #ffebe8, #fff5f3

## シェード

#fa978e, #d9837b, #ba6f68, #9b5c56, #7d4944, #613734, #462624, #2d1715, #150807, #030101

## トーン

#fa978e, #f49b92, #ee9e96, #e8a29a, #e1a59f, #daa8a3, #d4aba7, #cdaeaa, #c5b1ae, #beb4b2

## カラーハーモニー

- 補色: #fa978e, #39ccdc
- 分裂補色: #fa978e, #4ecfb3, #60c2f9
- 類似色: #fa978e, #f395b9, #f1a167
- トライアド: #fa978e, #82cb87, #92b4ff
- テトラード: #fa978e, #d9b053, #39ccdc, #92b4ff
- スクエア: #fa978e, #b3c061, #39ccdc, #bda6fb
- モノクロマティック: #fa978e, #a84e48, #d1726a, #ffcac3, #ffece8

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

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

#fa978e は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(250, 151, 142)、HSLでは hsl(5, 91.53%, 76.86%)、OKLCHでは oklch(77.671% 0.12057 25.76) です。

### #fa978e に合う色は？

#fa978e の補色は #39ccdc です。落ち着いた組み合わせにするなら、類似色の #f395b9 と #f1a167 を使いましょう。トライアドの組み合わせは #82cb87 と #92b4ff です。

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

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

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

#fa978e は暖色系の色です。OKLCHでは色相 26度、明度 77.7%、クロマ 0.121 です。