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

#f9c19c はRGBで rgb(249, 193, 156)、OKLCHで oklch(85.234% 0.08116 54.807) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f9c19c |
| RGB | rgb(249, 193, 156) |
| HSL | hsl(23.87, 88.57%, 79.41%) |
| HSB / HSV | hsv(23.87 37.35% 97.65%) |
| HWB | hwb(23.87 61.18% 2.35%) |
| CMYK | cmyk(0% 22% 37% 2%) |
| Lab | lab(82.55 17.19 26.8) |
| LCH | lch(82.55 31.83 57.32) |
| OKLab | oklab(85.234% 0.04678 0.06633) |
| OKLCH | oklch(85.234% 0.08116 54.807) |
| Display P3 | color(display-p3 0.94233 0.76552 0.63225) |
| Rec. 2020 | color(rec2020 0.88617 0.74727 0.59503) |
| Adobe RGB | color(a98-rgb 0.91844 0.75135 0.61288) |
| ProPhoto RGB | color(prophoto-rgb 0.83587 0.73059 0.57252) |
| 線形sRGB | color(srgb-linear 0.94731 0.53328 0.33245) |
| XYZ D65 | color(xyz-d65 0.64135 0.60682 0.39788) |
| XYZ D50 | color(xyz-d50 0.66605 0.61322 0.30236) |
| SwiftUI | Color(red: 0.976, green: 0.757, blue: 0.612) |
| UIKit | UIColor(red: 0.976, green: 0.757, blue: 0.612, alpha: 1) |
| Flutter / Compose | Color(0xFFF9C19C) |
| Android XML | #F9C19C |

## 基本情報

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

## ティント

#f9c19c, #fac7a6, #fbceb0, #fcd4ba, #fcdac4, #fde0ce, #fee6d7, #feede1, #fff3eb, #fff9f5

## シェード

#f9c19c, #d9a787, #b98f73, #9a775f, #7d5f4c, #614939, #463428, #2c2018, #150e09, #030201

## トーン

#f9c19c, #f5c3a1, #f1c4a7, #edc5ac, #e9c7b1, #e4c8b6, #e0c9bb, #dccbc0, #d7ccc5, #d3cdca

## カラーハーモニー

- 補色: #f9c19c, #9ad8fc
- 分裂補色: #f9c19c, #8cdee8, #b4ceff
- 類似色: #f9c19c, #ffbab4, #e7cb91
- トライアド: #f9c19c, #95e0cb, #d2c5ff
- テトラード: #f9c19c, #ccd598, #9ad8fc, #d2c5ff
- スクエア: #f9c19c, #aeddae, #9ad8fc, #eabdec
- モノクロマティック: #f9c19c, #aa7754, #d19b77, #ffeeda, #ffeeda

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

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

#f9c19c はパステル調の ごく明るいベージュです。最も近い名前のある色はパステル調の ごく明るいベージュです。RGBでは rgb(249, 193, 156)、HSLでは hsl(23.87, 88.57%, 79.41%)、OKLCHでは oklch(85.234% 0.08116 54.807) です。

### #f9c19c に合う色は？

#f9c19c の補色は #9ad8fc です。落ち着いた組み合わせにするなら、類似色の #ffbab4 と #e7cb91 を使いましょう。トライアドの組み合わせは #95e0cb と #d2c5ff です。

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

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

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

#f9c19c は暖色系の色です。OKLCHでは色相 55度、明度 85.2%、クロマ 0.081 です。