# カラーコード #f0bfab：パステル調の 明るいベージュ

#f0bfab はRGBで rgb(240, 191, 171)、OKLCHで oklch(84.3% 0.06296 43.312) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f0bfab |
| RGB | rgb(240, 191, 171) |
| HSL | hsl(17.39, 69.7%, 80.59%) |
| HSB / HSV | hsv(17.39 28.75% 94.12%) |
| HWB | hwb(17.39 67.06% 5.88%) |
| CMYK | cmyk(0% 20% 29% 6%) |
| Lab | lab(81.4 16.04 17.16) |
| LCH | lch(81.4 23.49 46.93) |
| OKLab | oklab(84.3% 0.04581 0.04319) |
| OKLCH | oklch(84.3% 0.06296 43.312) |
| Display P3 | color(display-p3 0.9109 0.75645 0.68245) |
| Rec. 2020 | color(rec2020 0.8583 0.7365 0.64857) |
| Adobe RGB | color(a98-rgb 0.88876 0.74343 0.66812) |
| ProPhoto RGB | color(prophoto-rgb 0.81401 0.71903 0.62446) |
| 線形sRGB | color(srgb-linear 0.87137 0.521 0.40724) |
| XYZ D65 | color(xyz-d65 0.61914 0.58729 0.46604) |
| XYZ D50 | color(xyz-d50 0.6389 0.59206 0.35352) |
| SwiftUI | Color(red: 0.941, green: 0.749, blue: 0.671) |
| UIKit | UIColor(red: 0.941, green: 0.749, blue: 0.671, alpha: 1) |
| Flutter / Compose | Color(0xFFF0BFAB) |
| Android XML | #F0BFAB |

## 基本情報

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

## ティント

#f0bfab, #f2c5b3, #f4ccbc, #f5d2c4, #f7d9cc, #f8dfd5, #fae5dd, #fbece6, #fdf2ee, #fef9f6

## シェード

#f0bfab, #d1a694, #b28d7e, #957568, #785e54, #5d4840, #43332d, #2a1f1b, #140d0b, #030201

## トーン

#f0bfab, #edc0ae, #e9c2b2, #e6c3b5, #e2c4b8, #dec5bb, #dbc7bf, #d7c8c2, #d3c9c5, #cfcac8

## カラーハーモニー

- 補色: #f0bfab, #9fd5ea
- 分裂補色: #f0bfab, #9bd9d7, #afcff4
- 類似色: #f0bfab, #f2bbc0, #e5c69f
- トライアド: #f0bfab, #a6d9c0, #c5c7f4
- テトラード: #f0bfab, #d2ce9f, #9fd5ea, #c5c7f4
- スクエア: #f0bfab, #bbd5ab, #9fd5ea, #dac0e9
- モノクロマティック: #f0bfab, #a27563, #c89986, #ffeadc, #ffede1

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

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

#f0bfab はパステル調の 明るいベージュです。最も近い名前のある色はパステル調の 明るいベージュです。RGBでは rgb(240, 191, 171)、HSLでは hsl(17.39, 69.7%, 80.59%)、OKLCHでは oklch(84.3% 0.06296 43.312) です。

### #f0bfab に合う色は？

#f0bfab の補色は #9fd5ea です。落ち着いた組み合わせにするなら、類似色の #f2bbc0 と #e5c69f を使いましょう。トライアドの組み合わせは #a6d9c0 と #c5c7f4 です。

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

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

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

#f0bfab は暖色系の色です。OKLCHでは色相 43度、明度 84.3%、クロマ 0.063 です。