# カラーコード #f8a7bf：パステル調の 明るいピンク

#f8a7bf はRGBで rgb(248, 167, 191)、OKLCHで oklch(81.36% 0.09957 0.251) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f8a7bf |
| RGB | rgb(248, 167, 191) |
| HSL | hsl(342.22, 85.26%, 81.37%) |
| HSB / HSV | hsv(342.22 32.66% 97.25%) |
| HWB | hwb(342.22 65.49% 2.75%) |
| CMYK | cmyk(0% 33% 23% 3%) |
| Lab | lab(77.13 33.06 0.54) |
| LCH | lch(77.13 33.07 0.94) |
| OKLab | oklab(81.36% 0.09957 0.00044) |
| OKLCH | oklch(81.36% 0.09957 0.251) |
| Display P3 | color(display-p3 0.92639 0.66874 0.74734) |
| Rec. 2020 | color(rec2020 0.85997 0.64957 0.71692) |
| Adobe RGB | color(a98-rgb 0.89388 0.64899 0.73983) |
| ProPhoto RGB | color(prophoto-rgb 0.81871 0.63738 0.68958) |
| 線形sRGB | color(srgb-linear 0.93869 0.38643 0.521) |
| XYZ D65 | color(xyz-d65 0.61932 0.51358 0.55943) |
| XYZ D50 | color(xyz-d50 0.63271 0.51746 0.42263) |
| SwiftUI | Color(red: 0.973, green: 0.655, blue: 0.749) |
| UIKit | UIColor(red: 0.973, green: 0.655, blue: 0.749, alpha: 1) |
| Flutter / Compose | Color(0xFFF8A7BF) |
| Android XML | #F8A7BF |

## 基本情報

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

## ティント

#f8a7bf, #f9b0c5, #fbb9cc, #fcc2d2, #fdcad8, #fed3df, #fedce5, #ffe5eb, #ffedf2, #fff6f8

## シェード

#f8a7bf, #d891a6, #b87b8d, #9a6675, #7c525e, #603e48, #452c33, #2c1a1f, #150a0d, #030102

## トーン

#f8a7bf, #f3aabf, #eeadc0, #e9b0c0, #e4b3c0, #dfb5c0, #d9b8c1, #d4bac1, #cebdc1, #c8bfc2

## カラーハーモニー

- 補色: #f8a7bf, #72d7c5
- 分裂補色: #f8a7bf, #92d5a0, #6cd4e6
- 類似色: #f8a7bf, #e7abe1, #fcaa9c
- トライアド: #f8a7bf, #b9cc82, #85cbfc
- テトラード: #f8a7bf, #f2b37f, #72d7c5, #85cbfc
- スクエア: #f8a7bf, #dbc075, #72d7c5, #a9bfff
- モノクロマティック: #f8a7bf, #a85e76, #cf829a, #ffd9e7, #ffebf4

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

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

#f8a7bf はパステル調の 明るいピンクです。最も近い名前のある色はパステル調の 明るいピンクです。RGBでは rgb(248, 167, 191)、HSLでは hsl(342.22, 85.26%, 81.37%)、OKLCHでは oklch(81.36% 0.09957 0.251) です。

### #f8a7bf に合う色は？

#f8a7bf の補色は #72d7c5 です。落ち着いた組み合わせにするなら、類似色の #e7abe1 と #fcaa9c を使いましょう。トライアドの組み合わせは #b9cc82 と #85cbfc です。

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

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

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

#f8a7bf は暖色系の色です。OKLCHでは色相 0度、明度 81.4%、クロマ 0.1 です。