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

#fccca9 はRGBで rgb(252, 204, 169)、OKLCHで oklch(87.853% 0.07164 57.734) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #fccca9 |
| RGB | rgb(252, 204, 169) |
| HSL | hsl(25.3, 93.26%, 82.55%) |
| HSB / HSV | hsv(25.3 32.94% 98.82%) |
| HWB | hwb(25.3 66.27% 1.18%) |
| CMYK | cmyk(0% 19% 33% 1%) |
| Lab | lab(85.68 14.02 24.26) |
| LCH | lch(85.68 28.02 59.97) |
| OKLab | oklab(87.853% 0.03824 0.06058) |
| OKLCH | oklch(87.853% 0.07164 57.734) |
| Display P3 | color(display-p3 0.95834 0.8072 0.68114) |
| Rec. 2020 | color(rec2020 0.90981 0.79173 0.64823) |
| Adobe RGB | color(a98-rgb 0.93773 0.79502 0.6632) |
| ProPhoto RGB | color(prophoto-rgb 0.86507 0.77658 0.6264) |
| 線形sRGB | color(srgb-linear 0.97345 0.60383 0.39676) |
| XYZ D65 | color(xyz-d65 0.68897 0.66747 0.46792) |
| XYZ D50 | color(xyz-d50 0.71382 0.67351 0.3555) |
| SwiftUI | Color(red: 0.988, green: 0.8, blue: 0.663) |
| UIKit | UIColor(red: 0.988, green: 0.8, blue: 0.663, alpha: 1) |
| Flutter / Compose | Color(0xFFFCCCA9) |
| Android XML | #FCCCA9 |

## 基本情報

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

## ティント

#fccca9, #fdd1b2, #fdd6ba, #fedbc3, #fee1cc, #fee6d4, #ffebdd, #fff0e5, #fff5ee, #fffaf6

## シェード

#fccca9, #dbb192, #bb977c, #9c7e67, #7e6553, #624e3f, #47372c, #2d221b, #160f0a, #030201

## トーン

#fccca9, #f8cdae, #f5ceb3, #f1d0b7, #eed1bc, #ead2c1, #e6d3c5, #e2d4ca, #dfd5ce, #dbd6d2

## カラーハーモニー

- 補色: #fccca9, #abdfff
- 分裂補色: #fccca9, #9ee5f0, #c2d6ff
- 類似色: #fccca9, #ffc6bd, #ebd5a1
- トライアド: #fccca9, #a3e7d7, #dcceff
- テトラード: #fccca9, #d3dea8, #abdfff, #dcceff
- スクエア: #fccca9, #b8e5bd, #abdfff, #f2c7ef
- モノクロマティック: #fccca9, #ad8160, #d4a684, #ffeed8, #ffeed8

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

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

#fccca9 はパステル調の ごく明るいベージュです。最も近い名前のある色はパステル調の ごく明るいベージュです。RGBでは rgb(252, 204, 169)、HSLでは hsl(25.3, 93.26%, 82.55%)、OKLCHでは oklch(87.853% 0.07164 57.734) です。

### #fccca9 に合う色は？

#fccca9 の補色は #abdfff です。落ち着いた組み合わせにするなら、類似色の #ffc6bd と #ebd5a1 を使いましょう。トライアドの組み合わせは #a3e7d7 と #dcceff です。

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

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

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

#fccca9 は暖色系の色です。OKLCHでは色相 58度、明度 87.9%、クロマ 0.072 です。