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

#f3beaa はRGBで rgb(243, 190, 170)、OKLCHで oklch(84.384% 0.0673 41.647) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f3beaa |
| RGB | rgb(243, 190, 170) |
| HSL | hsl(16.44, 75.26%, 80.98%) |
| HSB / HSV | hsv(16.44 30.04% 95.29%) |
| HWB | hwb(16.44 66.67% 4.71%) |
| CMYK | cmyk(0% 22% 30% 5%) |
| Lab | lab(81.45 17.6 17.82) |
| LCH | lch(81.45 25.04 45.35) |
| OKLab | oklab(84.384% 0.05029 0.04472) |
| OKLCH | oklch(84.384% 0.0673 41.647) |
| Display P3 | color(display-p3 0.92049 0.75324 0.67895) |
| Rec. 2020 | color(rec2020 0.8661 0.73378 0.64473) |
| Adobe RGB | color(a98-rgb 0.89713 0.73948 0.6642) |
| ProPhoto RGB | color(prophoto-rgb 0.82082 0.71685 0.62052) |
| 線形sRGB | color(srgb-linear 0.89627 0.51492 0.40198) |
| XYZ D65 | color(xyz-d65 0.62629 0.58785 0.46079) |
| XYZ D50 | color(xyz-d50 0.64667 0.59292 0.34952) |
| SwiftUI | Color(red: 0.953, green: 0.745, blue: 0.667) |
| UIKit | UIColor(red: 0.953, green: 0.745, blue: 0.667, alpha: 1) |
| Flutter / Compose | Color(0xFFF3BEAA) |
| Android XML | #F3BEAA |

## 基本情報

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

## ティント

#f3beaa, #f5c5b2, #f6cbbb, #f7d2c3, #f9d8cc, #faded4, #fbe5dd, #fcebe5, #fdf2ee, #fef8f6

## シェード

#f3beaa, #d3a593, #b48c7d, #977568, #7a5e53, #5e483f, #44332d, #2b1f1b, #140d0b, #030201

## トーン

#f3beaa, #efbfad, #ecc1b1, #e8c2b4, #e4c4b8, #e0c5bb, #dcc6be, #d8c8c2, #d4c9c5, #d0cac8

## カラーハーモニー

- 補色: #f3beaa, #9bd6eb
- 分裂補色: #f3beaa, #98dad7, #accff7
- 類似色: #f3beaa, #f4bac0, #e8c59c
- トライアド: #f3beaa, #a5dabe, #c4c7f7
- テトラード: #f3beaa, #d4ce9b, #9bd6eb, #c4c7f7
- スクエア: #f3beaa, #bcd6a8, #9bd6eb, #dac0ec
- モノクロマティック: #f3beaa, #a47462, #cb9885, #ffebde, #ffede1

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

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

#f3beaa はパステル調の 明るいベージュです。最も近い名前のある色はパステル調の 明るいベージュです。RGBでは rgb(243, 190, 170)、HSLでは hsl(16.44, 75.26%, 80.98%)、OKLCHでは oklch(84.384% 0.0673 41.647) です。

### #f3beaa に合う色は？

#f3beaa の補色は #9bd6eb です。落ち着いた組み合わせにするなら、類似色の #f4bac0 と #e8c59c を使いましょう。トライアドの組み合わせは #a5dabe と #c4c7f7 です。

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

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

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

#f3beaa は暖色系の色です。OKLCHでは色相 42度、明度 84.4%、クロマ 0.067 です。