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

#fb978f はRGBで rgb(251, 151, 143)、OKLCHで oklch(77.813% 0.12155 25.122) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #fb978f |
| RGB | rgb(251, 151, 143) |
| HSL | hsl(4.44, 93.1%, 77.25%) |
| HSB / HSV | hsv(4.44 43.03% 98.43%) |
| HWB | hwb(4.44 56.08% 1.57%) |
| CMYK | cmyk(0% 40% 43% 2%) |
| Lab | lab(73.1 37.81 21.17) |
| LCH | lch(73.1 43.34 29.25) |
| OKLab | oklab(77.813% 0.11006 0.05161) |
| OKLCH | oklch(77.813% 0.12155 25.122) |
| Display P3 | color(display-p3 0.93013 0.61073 0.57395) |
| Rec. 2020 | color(rec2020 0.84837 0.58992 0.52956) |
| Adobe RGB | color(a98-rgb 0.89215 0.58665 0.557) |
| ProPhoto RGB | color(prophoto-rgb 0.78808 0.57812 0.50313) |
| 線形sRGB | color(srgb-linear 0.96469 0.30947 0.27468) |
| XYZ D65 | color(xyz-d65 0.55806 0.44628 0.31662) |
| XYZ D50 | color(xyz-d50 0.57916 0.45314 0.23962) |
| SwiftUI | Color(red: 0.984, green: 0.592, blue: 0.561) |
| UIKit | UIColor(red: 0.984, green: 0.592, blue: 0.561, alpha: 1) |
| Flutter / Compose | Color(0xFFFB978F) |
| Android XML | #FB978F |

## 基本情報

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

## ティント

#fb978f, #fda29a, #feaca5, #ffb7b0, #ffc1bb, #ffccc6, #ffd6d1, #ffe0dd, #ffebe8, #fff5f4

## シェード

#fb978f, #da837c, #ba6f69, #9c5c57, #7e4945, #613734, #462624, #2d1715, #150807, #030101

## トーン

#fb978f, #f59b93, #ef9e97, #e8a29b, #e2a59f, #dba8a3, #d4aba7, #cdaeab, #c6b1af, #beb4b3

## カラーハーモニー

- 補色: #fb978f, #37cddc
- 分裂補色: #fb978f, #4ed0b2, #5fc3f9
- 類似色: #fb978f, #f495ba, #f2a168
- トライアド: #fb978f, #83cb86, #91b5ff
- テトラード: #fb978f, #dab053, #37cddc, #91b5ff
- スクエア: #fb978f, #b4c060, #37cddc, #bca7fc
- モノクロマティック: #fb978f, #a94e49, #d2726b, #ffcbc4, #ffece9

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

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

#fb978f は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(251, 151, 143)、HSLでは hsl(4.44, 93.1%, 77.25%)、OKLCHでは oklch(77.813% 0.12155 25.122) です。

### #fb978f に合う色は？

#fb978f の補色は #37cddc です。落ち着いた組み合わせにするなら、類似色の #f495ba と #f2a168 を使いましょう。トライアドの組み合わせは #83cb86 と #91b5ff です。

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

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

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

#fb978f は暖色系の色です。OKLCHでは色相 25度、明度 77.8%、クロマ 0.122 です。