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

#fb97a2 はRGBで rgb(251, 151, 162)、OKLCHで oklch(78.263% 0.12043 13.134) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #fb97a2 |
| RGB | rgb(251, 151, 162) |
| HSL | hsl(353.4, 92.59%, 78.82%) |
| HSB / HSV | hsv(353.4 39.84% 98.43%) |
| HWB | hwb(353.4 59.22% 1.57%) |
| CMYK | cmyk(0% 40% 35% 2%) |
| Lab | lab(73.44 39.32 11.23) |
| LCH | lch(73.44 40.9 15.93) |
| OKLab | oklab(78.263% 0.11728 0.02737) |
| OKLCH | oklch(78.263% 0.12043 13.134) |
| Display P3 | color(display-p3 0.93013 0.61073 0.64048) |
| Rec. 2020 | color(rec2020 0.85059 0.59078 0.60058) |
| Adobe RGB | color(a98-rgb 0.89215 0.58665 0.62776) |
| ProPhoto RGB | color(prophoto-rgb 0.79623 0.58022 0.57159) |
| 線形sRGB | color(srgb-linear 0.96469 0.30947 0.36131) |
| XYZ D65 | color(xyz-d65 0.5737 0.45254 0.39897) |
| XYZ D50 | color(xyz-d50 0.59155 0.45839 0.30148) |
| SwiftUI | Color(red: 0.984, green: 0.592, blue: 0.635) |
| UIKit | UIColor(red: 0.984, green: 0.592, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFFFB97A2) |
| Android XML | #FB97A2 |

## 基本情報

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

## ティント

#fb97a2, #fda2ab, #feacb4, #ffb7bd, #ffc1c6, #ffccd0, #ffd6d9, #ffe0e2, #ffeaec, #fff5f5

## シェード

#fb97a2, #da838c, #ba6f77, #9c5c63, #7e494f, #61373c, #46262a, #2d1719, #15080a, #030101

## トーン

#fb97a2, #f59ba4, #ef9fa6, #e9a2a9, #e2a6ab, #dca9ad, #d5acaf, #ceafb1, #c7b2b4, #c0b5b6

## カラーハーモニー

- 補色: #fb97a2, #3cd0cd
- 分裂補色: #fb97a2, #66d0a2, #4ec9f0
- 類似色: #fb97a2, #ee98cc, #f99e78
- トライアド: #fb97a2, #99c977, #7fbcff
- テトラード: #fb97a2, #e7ac5a, #3cd0cd, #7fbcff
- スクエア: #fb97a2, #c6bb59, #3cd0cd, #aeaeff
- モノクロマティック: #fb97a2, #a94e5b, #d2727e, #ffcbd1, #ffecee

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

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

#fb97a2 は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(251, 151, 162)、HSLでは hsl(353.4, 92.59%, 78.82%)、OKLCHでは oklch(78.263% 0.12043 13.134) です。

### #fb97a2 に合う色は？

#fb97a2 の補色は #3cd0cd です。落ち着いた組み合わせにするなら、類似色の #ee98cc と #f99e78 を使いましょう。トライアドの組み合わせは #99c977 と #7fbcff です。

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

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

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

#fb97a2 は暖色系の色です。OKLCHでは色相 13度、明度 78.3%、クロマ 0.12 です。