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

#f89cd3 はRGBで rgb(248, 156, 211)、OKLCHで oklch(80.183% 0.12822 343.714) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f89cd3 |
| RGB | rgb(248, 156, 211) |
| HSL | hsl(324.13, 86.79%, 79.22%) |
| HSB / HSV | hsv(324.13 37.1% 97.25%) |
| HWB | hwb(324.13 61.18% 2.75%) |
| CMYK | cmyk(0% 37% 15% 3%) |
| Lab | lab(75.24 40.7 -13.11) |
| LCH | lch(75.24 42.76 342.15) |
| OKLab | oklab(80.183% 0.12308 -0.03596) |
| OKLCH | oklch(80.183% 0.12822 343.714) |
| Display P3 | color(display-p3 0.92171 0.62829 0.8171) |
| Rec. 2020 | color(rec2020 0.85285 0.61023 0.79239) |
| Adobe RGB | color(a98-rgb 0.88584 0.60608 0.81534) |
| ProPhoto RGB | color(prophoto-rgb 0.81904 0.60196 0.76589) |
| 線形sRGB | color(srgb-linear 0.93869 0.33245 0.65141) |
| XYZ D65 | color(xyz-d65 0.62355 0.48439 0.67695) |
| XYZ D50 | color(xyz-d50 0.63057 0.48667 0.51051) |
| SwiftUI | Color(red: 0.973, green: 0.612, blue: 0.827) |
| UIKit | UIColor(red: 0.973, green: 0.612, blue: 0.827, alpha: 1) |
| Flutter / Compose | Color(0xFFF89CD3) |
| Android XML | #F89CD3 |

## 基本情報

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

## ティント

#f89cd3, #faa6d7, #fbb0dc, #fcbae0, #fdc4e5, #fecee9, #ffd8ed, #ffe2f2, #ffebf6, #fff5fb

## シェード

#f89cd3, #d887b7, #b8739c, #9a5f82, #7c4c69, #603951, #45283a, #2c1824, #150910, #030102

## トーン

#f89cd3, #f3a0d1, #eea4cf, #e8a7cd, #e3abcb, #ddaec9, #d7b2c7, #d1b5c5, #cbb8c2, #c5bbc0

## カラーハーモニー

- 補色: #f89cd3, #63d8a8
- 分裂補色: #f89cd3, #9cd079, #32d8d6
- 類似色: #f89cd3, #dca5f8, #ff9ba6
- トライアド: #f89cd3, #ccc258, #4ad0fb
- テトラード: #f89cd3, #ffa279, #63d8a8, #4ad0fb
- スクエア: #f89cd3, #f0b158, #63d8a8, #84c2ff
- モノクロマティック: #f89cd3, #a75388, #cf77ad, #ffd1f3, #ffe9fd

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

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

#f89cd3 は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(248, 156, 211)、HSLでは hsl(324.13, 86.79%, 79.22%)、OKLCHでは oklch(80.183% 0.12822 343.714) です。

### #f89cd3 に合う色は？

#f89cd3 の補色は #63d8a8 です。落ち着いた組み合わせにするなら、類似色の #dca5f8 と #ff9ba6 を使いましょう。トライアドの組み合わせは #ccc258 と #4ad0fb です。

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

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

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

#f89cd3 は暖色系の色です。OKLCHでは色相 344度、明度 80.2%、クロマ 0.128 です。