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

#f2c19c はRGBで rgb(242, 193, 156)、OKLCHで oklch(84.542% 0.07481 58.58) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## フォーマット

| フォーマット | 値 |
| --- | --- |
| HEX | #f2c19c |
| RGB | rgb(242, 193, 156) |
| HSL | hsl(25.81, 76.79%, 78.04%) |
| HSB / HSV | hsv(25.81 35.54% 94.9%) |
| HWB | hwb(25.81 61.18% 5.1%) |
| CMYK | cmyk(0% 20% 36% 5%) |
| Lab | lab(81.84 14.46 25.7) |
| LCH | lch(81.84 29.48 60.64) |
| OKLab | oklab(84.542% 0.039 0.06384) |
| OKLCH | oklch(84.542% 0.07481 58.58) |
| Display P3 | color(display-p3 0.91872 0.76428 0.63144) |
| Rec. 2020 | color(rec2020 0.86482 0.74447 0.59418) |
| Adobe RGB | color(a98-rgb 0.89675 0.75135 0.61288) |
| ProPhoto RGB | color(prophoto-rgb 0.81552 0.72641 0.57165) |
| 線形sRGB | color(srgb-linear 0.88792 0.53328 0.33245) |
| XYZ D65 | color(xyz-d65 0.61686 0.59419 0.39673) |
| XYZ D50 | color(xyz-d50 0.64015 0.60001 0.30154) |
| SwiftUI | Color(red: 0.949, green: 0.757, blue: 0.612) |
| UIKit | UIColor(red: 0.949, green: 0.757, blue: 0.612, alpha: 1) |
| Flutter / Compose | Color(0xFFF2C19C) |
| Android XML | #F2C19C |

## 基本情報

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

## ティント

#f2c19c, #f4c7a6, #f5cdb0, #f7d4ba, #f8dac4, #f9e0ce, #fbe6d7, #fcece1, #fdf3eb, #fef9f5

## シェード

#f2c19c, #d2a787, #b48f73, #96775f, #795f4c, #5e4939, #433428, #2b2018, #140e09, #030201

## トーン

#f2c19c, #eec2a1, #ebc3a6, #e7c5ab, #e3c6b0, #e0c7b5, #dcc8ba, #d8c9be, #d4cac3, #d0cbc7

## 配色

- 補色: #f2c19c, #9fd4f8
- 分裂補色: #f2c19c, #91dae6, #b8cbfe
- 類似色: #f2c19c, #fabab1, #e0ca94
- トライアド: #f2c19c, #96ddcd, #d2c2f7
- テトラード: #f2c19c, #c7d49c, #9fd4f8, #d2c2f7
- スクエア: #f2c19c, #abdab2, #9fd4f8, #e8bbe5
- モノクロマティック: #f2c19c, #a47754, #ca9b77, #ffedd4, #ffefd8

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

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

#f2c19c はパステル調の 明るいベージュです。最も近い名前のある色はパステル調の 明るいベージュです。RGBでは rgb(242, 193, 156)、HSLでは hsl(25.81, 76.79%, 78.04%)、OKLCHでは oklch(84.542% 0.07481 58.58) です。

### #f2c19c に合う色は？

#f2c19c の補色は #9fd4f8 です。落ち着いた組み合わせにするなら、類似色の #fabab1 と #e0ca94 を使いましょう。トライアドの組み合わせは #96ddcd と #d2c2f7 です。

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

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

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

#f2c19c は暖色系の色です。OKLCHでは色相 59度、明度 84.5%、クロマ 0.075 です。