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

#fab09e はRGBで rgb(250, 176, 158)、OKLCHで oklch(82.293% 0.091 34.191) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #fab09e |
| RGB | rgb(250, 176, 158) |
| HSL | hsl(11.74, 90.2%, 80%) |
| HSB / HSV | hsv(11.74 36.8% 98.04%) |
| HWB | hwb(11.74 61.96% 1.96%) |
| CMYK | cmyk(0% 30% 37% 2%) |
| Lab | lab(78.73 26.21 20.65) |
| LCH | lch(78.73 33.37 38.22) |
| OKLab | oklab(82.293% 0.07527 0.05114) |
| OKLCH | oklch(82.293% 0.091 34.191) |
| Display P3 | color(display-p3 0.93734 0.70244 0.63352) |
| Rec. 2020 | color(rec2020 0.87088 0.68271 0.59493) |
| Adobe RGB | color(a98-rgb 0.90726 0.68428 0.61695) |
| ProPhoto RGB | color(prophoto-rgb 0.81853 0.66736 0.56963) |
| 線形sRGB | color(srgb-linear 0.95597 0.43415 0.34191) |
| XYZ D65 | color(xyz-d65 0.61119 0.53845 0.39523) |
| XYZ D50 | color(xyz-d50 0.633 0.54466 0.29962) |
| SwiftUI | Color(red: 0.98, green: 0.69, blue: 0.62) |
| UIKit | UIColor(red: 0.98, green: 0.69, blue: 0.62, alpha: 1) |
| Flutter / Compose | Color(0xFFFAB09E) |
| Android XML | #FAB09E |

## 基本情報

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

## ティント

#fab09e, #fbb8a8, #fcc0b1, #fdc8bb, #fed0c4, #fed8ce, #ffe0d8, #ffe7e2, #ffefeb, #fff7f5

## シェード

#fab09e, #d99989, #ba8274, #9b6c60, #7d564d, #61423a, #462e29, #2d1c18, #150b09, #030101

## トーン

#fab09e, #f5b2a2, #f0b5a6, #ebb7aa, #e6b9ae, #e1bbb2, #dcbdb6, #d6bfba, #d0c1bd, #cbc3c1

## カラーハーモニー

- 補色: #fab09e, #7ad5e9
- 分裂補色: #fab09e, #7cd9cc, #92ccfc
- 類似色: #fab09e, #f8adbe, #efb986
- トライアド: #fab09e, #96d7aa, #b3c1ff
- テトラード: #fab09e, #d8c580, #7ad5e9, #b3c1ff
- スクエア: #fab09e, #b8d08e, #7ad5e9, #d2b7f5
- モノクロマティック: #fab09e, #aa6757, #d18b79, #ffe1d6, #ffede5

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

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

#fab09e はパステル調の 明るいピンクです。最も近い名前のある色はパステル調の 明るいピンクです。RGBでは rgb(250, 176, 158)、HSLでは hsl(11.74, 90.2%, 80%)、OKLCHでは oklch(82.293% 0.091 34.191) です。

### #fab09e に合う色は？

#fab09e の補色は #7ad5e9 です。落ち着いた組み合わせにするなら、類似色の #f8adbe と #efb986 を使いましょう。トライアドの組み合わせは #96d7aa と #b3c1ff です。

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

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

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

#fab09e は暖色系の色です。OKLCHでは色相 34度、明度 82.3%、クロマ 0.091 です。