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

#fb9ba2 はRGBで rgb(251, 155, 162)、OKLCHで oklch(78.913% 0.1151 15.311) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #fb9ba2 |
| RGB | rgb(251, 155, 162) |
| HSL | hsl(355.63, 92.31%, 79.61%) |
| HSB / HSV | hsv(355.63 38.25% 98.43%) |
| HWB | hwb(355.63 60.78% 1.57%) |
| CMYK | cmyk(0% 38% 35% 2%) |
| Lab | lab(74.29 37.36 12.4) |
| LCH | lch(74.29 39.37 18.37) |
| OKLab | oklab(78.913% 0.11101 0.03039) |
| OKLCH | oklch(78.913% 0.1151 15.311) |
| Display P3 | color(display-p3 0.9317 0.62533 0.64153) |
| Rec. 2020 | color(rec2020 0.85415 0.60531 0.60196) |
| Adobe RGB | color(a98-rgb 0.89486 0.60219 0.62836) |
| ProPhoto RGB | color(prophoto-rgb 0.80025 0.59383 0.57346) |
| 線形sRGB | color(srgb-linear 0.96469 0.32778 0.36131) |
| XYZ D65 | color(xyz-d65 0.58024 0.46563 0.40115) |
| XYZ D50 | color(xyz-d50 0.59861 0.47152 0.30326) |
| SwiftUI | Color(red: 0.984, green: 0.608, blue: 0.635) |
| UIKit | UIColor(red: 0.984, green: 0.608, blue: 0.635, alpha: 1) |
| Flutter / Compose | Color(0xFFFB9BA2) |
| Android XML | #FB9BA2 |

## 基本情報

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

## ティント

#fb9ba2, #fda5ab, #feafb4, #ffbabd, #ffc4c6, #ffcdd0, #ffd7d9, #ffe1e2, #ffebec, #fff5f5

## シェード

#fb9ba2, #da868c, #ba7277, #9c5e63, #7e4b4f, #61393c, #46282a, #2d1819, #15090a, #030101

## トーン

#fb9ba2, #f59fa4, #efa2a7, #e9a5a9, #e3a9ac, #ddacae, #d6afb1, #d0b2b3, #c9b5b5, #c2b7b8

## カラーハーモニー

- 補色: #fb9ba2, #49d1d1
- 分裂補色: #fb9ba2, #6ad2a8, #5bcaf2
- 類似色: #fb9ba2, #ef9ccb, #f8a27b
- トライアド: #fb9ba2, #9acb7f, #87bdff
- テトラード: #fb9ba2, #e5af61, #49d1d1, #87bdff
- スクエア: #fb9ba2, #c5bf62, #49d1d1, #b3b0ff
- モノクロマティック: #fb9ba2, #aa525b, #d2767e, #ffcfd2, #ffeced

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

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

#fb9ba2 は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(251, 155, 162)、HSLでは hsl(355.63, 92.31%, 79.61%)、OKLCHでは oklch(78.913% 0.1151 15.311) です。

### #fb9ba2 に合う色は？

#fb9ba2 の補色は #49d1d1 です。落ち着いた組み合わせにするなら、類似色の #ef9ccb と #f8a27b を使いましょう。トライアドの組み合わせは #9acb7f と #87bdff です。

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

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

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

#fb9ba2 は暖色系の色です。OKLCHでは色相 15度、明度 78.9%、クロマ 0.115 です。