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

#f69896 はRGBで rgb(246, 152, 150)、OKLCHで oklch(77.541% 0.11349 21.313) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f69896 |
| RGB | rgb(246, 152, 150) |
| HSL | hsl(1.25, 84.21%, 77.65%) |
| HSB / HSV | hsv(1.25 39.02% 96.47%) |
| HWB | hwb(1.25 58.82% 3.53%) |
| CMYK | cmyk(0% 38% 39% 4%) |
| Lab | lab(72.8 35.98 16.82) |
| LCH | lch(72.8 39.72 25.05) |
| OKLab | oklab(77.541% 0.10573 0.04125) |
| OKLCH | oklch(77.541% 0.11349 21.313) |
| Display P3 | color(display-p3 0.91316 0.61319 0.59796) |
| Rec. 2020 | color(rec2020 0.83386 0.59125 0.55519) |
| Adobe RGB | color(a98-rgb 0.87658 0.59053 0.58309) |
| ProPhoto RGB | color(prophoto-rgb 0.77655 0.57861 0.52771) |
| 線形sRGB | color(srgb-linear 0.92158 0.31399 0.30499) |
| XYZ D65 | color(xyz-d65 0.54737 0.44254 0.34514) |
| XYZ D50 | color(xyz-d50 0.56644 0.44863 0.26111) |
| SwiftUI | Color(red: 0.965, green: 0.596, blue: 0.588) |
| UIKit | UIColor(red: 0.965, green: 0.596, blue: 0.588, alpha: 1) |
| Flutter / Compose | Color(0xFFF69896) |
| Android XML | #F69896 |

## 基本情報

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

## ティント

#f69896, #f8a3a0, #faadaa, #fbb7b5, #fdc2bf, #feccca, #ffd6d4, #ffe0df, #ffebe9, #fff5f4

## シェード

#f69896, #d68482, #b7706e, #985c5b, #7b4a49, #5f3837, #452726, #2c1716, #150808, #030101

## トーン

#f69896, #f09b99, #ea9f9d, #e4a2a0, #dea5a3, #d8a8a6, #d2aba9, #cbaeac, #c4b1b0, #bdb3b3

## カラーハーモニー

- 補色: #f69896, #46cbd4
- 分裂補色: #f69896, #5ecdad, #61c3f1
- 類似色: #f69896, #ed97be, #f0a171
- トライアド: #f69896, #8cc884, #8db6ff
- テトラード: #f69896, #dbae5c, #46cbd4, #8db6ff
- スクエア: #f69896, #b8bd64, #46cbd4, #b6a9f9
- モノクロマティック: #f69896, #a54f50, #cd7372, #ffc9c6, #ffecea

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

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

#f69896 は鮮やかな 明るいピンクです。最も近い名前のある色は鮮やかな 明るいピンクです。RGBでは rgb(246, 152, 150)、HSLでは hsl(1.25, 84.21%, 77.65%)、OKLCHでは oklch(77.541% 0.11349 21.313) です。

### #f69896 に合う色は？

#f69896 の補色は #46cbd4 です。落ち着いた組み合わせにするなら、類似色の #ed97be と #f0a171 を使いましょう。トライアドの組み合わせは #8cc884 と #8db6ff です。

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

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

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

#f69896 は暖色系の色です。OKLCHでは色相 21度、明度 77.5%、クロマ 0.113 です。