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

#f5bebd はRGBで rgb(245, 190, 189)、OKLCHで oklch(85.048% 0.06357 19.69) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f5bebd |
| RGB | rgb(245, 190, 189) |
| HSL | hsl(1.07, 73.68%, 85.1%) |
| HSB / HSV | hsv(1.07 22.86% 96.08%) |
| HWB | hwb(1.07 74.12% 3.92%) |
| CMYK | cmyk(0% 22% 23% 4%) |
| Lab | lab(82.01 20.25 8.52) |
| LCH | lch(82.01 21.97 22.83) |
| OKLab | oklab(85.048% 0.05985 0.02142) |
| OKLCH | oklch(85.048% 0.06357 19.69) |
| Display P3 | color(display-p3 0.92724 0.75359 0.74594) |
| Rec. 2020 | color(rec2020 0.87486 0.73543 0.71695) |
| Adobe RGB | color(a98-rgb 0.90334 0.73948 0.73569) |
| ProPhoto RGB | color(prophoto-rgb 0.83628 0.72023 0.69271) |
| 線形sRGB | color(srgb-linear 0.9131 0.51492 0.50888) |
| XYZ D65 | color(xyz-d65 0.65252 0.59915 0.56273) |
| XYZ D50 | color(xyz-d50 0.6693 0.60314 0.42609) |
| SwiftUI | Color(red: 0.961, green: 0.745, blue: 0.741) |
| UIKit | UIColor(red: 0.961, green: 0.745, blue: 0.741, alpha: 1) |
| Flutter / Compose | Color(0xFFF5BEBD) |
| Android XML | #F5BEBD |

## 基本情報

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

## ティント

#f5bebd, #f6c4c3, #f8cbca, #f9d1d0, #fad8d7, #fbdede, #fce5e4, #fdebeb, #fef2f2, #fef8f8

## シェード

#f5bebd, #d5a5a4, #b68c8c, #987574, #7b5e5d, #5f4847, #443333, #2b1f1f, #150d0d, #030202

## トーン

#f5bebd, #f1c0bf, #eec1c0, #eac3c2, #e6c5c4, #e2c6c5, #dec8c7, #dac9c9, #d6cbca, #d2cccc

## カラーハーモニー

- 補色: #f5bebd, #9cdbde
- 分裂補色: #f5bebd, #a5dcc7, #a3d7f0
- 類似色: #f5bebd, #efbed4, #f1c3a9
- トライアド: #f5bebd, #b9d9b1, #b6cff8
- テトラード: #f5bebd, #e4ca9f, #9cdbde, #b6cff8
- スクエア: #f5bebd, #d0d2a2, #9cdbde, #ccc8f6
- モノクロマティック: #f5bebd, #a67474, #cd9898, #ffeceb, #ffeceb

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

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

#f5bebd はパステル調の ごく明るいピンクです。最も近い名前のある色はパステル調の ごく明るいピンクです。RGBでは rgb(245, 190, 189)、HSLでは hsl(1.07, 73.68%, 85.1%)、OKLCHでは oklch(85.048% 0.06357 19.69) です。

### #f5bebd に合う色は？

#f5bebd の補色は #9cdbde です。落ち着いた組み合わせにするなら、類似色の #efbed4 と #f1c3a9 を使いましょう。トライアドの組み合わせは #b9d9b1 と #b6cff8 です。

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

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

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

#f5bebd は暖色系の色です。OKLCHでは色相 20度、明度 85%、クロマ 0.064 です。