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

#f092bc はRGBで rgb(240, 146, 188)、OKLCHで oklch(76.913% 0.12347 352.101) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f092bc |
| RGB | rgb(240, 146, 188) |
| HSL | hsl(333.19, 75.81%, 75.69%) |
| HSB / HSV | hsv(333.19 39.17% 94.12%) |
| HWB | hwb(333.19 57.25% 5.88%) |
| CMYK | cmyk(0% 39% 22% 6%) |
| Lab | lab(71.58 40.29 -6) |
| LCH | lch(71.58 40.74 351.54) |
| OKLab | oklab(76.913% 0.1223 -0.01697) |
| OKLCH | oklch(76.913% 0.12347 352.101) |
| Display P3 | color(display-p3 0.88996 0.58985 0.73111) |
| Rec. 2020 | color(rec2020 0.81447 0.56841 0.69813) |
| Adobe RGB | color(a98-rgb 0.85305 0.56728 0.72568) |
| ProPhoto RGB | color(prophoto-rgb 0.77141 0.55893 0.66802) |
| 線形sRGB | color(srgb-linear 0.87137 0.28744 0.50289) |
| XYZ D65 | color(xyz-d65 0.55289 0.42716 0.52912) |
| XYZ D50 | color(xyz-d50 0.56263 0.43042 0.39915) |
| SwiftUI | Color(red: 0.941, green: 0.573, blue: 0.737) |
| UIKit | UIColor(red: 0.941, green: 0.573, blue: 0.737, alpha: 1) |
| Flutter / Compose | Color(0xFFF092BC) |
| Android XML | #F092BC |

## 基本情報

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

## ティント

#f092bc, #f39dc3, #f5a8c9, #f7b3d0, #f9bed6, #fbc9dd, #fcd4e4, #fddfeb, #fee9f1, #fff4f8

## シェード

#f092bc, #d17ea3, #b26b8b, #955873, #78465d, #5d3547, #432532, #2a161f, #14080d, #030102

## トーン

#f092bc, #eb96bb, #e59aba, #e09dba, #daa1b9, #d4a4b8, #cea8b7, #c8abb6, #c1aeb5, #bbb1b5

## カラーハーモニー

- 補色: #f092bc, #4dcdab
- 分裂補色: #f092bc, #85c87e, #2bcbd6
- 類似色: #f092bc, #d999e3, #f99390
- トライアド: #f092bc, #b6bc59, #54c1f5
- テトラード: #f092bc, #f29c67, #4dcdab, #54c1f5
- スクエア: #f092bc, #dbac4e, #4dcdab, #89b3ff
- モノクロマティック: #f092bc, #a04a73, #c76d97, #ffc1e1, #ffeaf8

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

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

#f092bc は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(240, 146, 188)、HSLでは hsl(333.19, 75.81%, 75.69%)、OKLCHでは oklch(76.913% 0.12347 352.101) です。

### #f092bc に合う色は？

#f092bc の補色は #4dcdab です。落ち着いた組み合わせにするなら、類似色の #d999e3 と #f99390 を使いましょう。トライアドの組み合わせは #b6bc59 と #54c1f5 です。

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

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

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

#f092bc は暖色系の色です。OKLCHでは色相 352度、明度 76.9%、クロマ 0.123 です。