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

#f3c8a9 はRGBで rgb(243, 200, 169)、OKLCHで oklch(86.24% 0.06422 57.538) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f3c8a9 |
| RGB | rgb(243, 200, 169) |
| HSL | hsl(25.14, 75.51%, 80.78%) |
| HSB / HSV | hsv(25.14 30.45% 95.29%) |
| HWB | hwb(25.14 66.27% 4.71%) |
| CMYK | cmyk(0% 18% 30% 5%) |
| Lab | lab(83.84 12.53 21.59) |
| LCH | lch(83.84 24.96 59.87) |
| OKLab | oklab(86.24% 0.03447 0.05418) |
| OKLCH | oklch(86.24% 0.06422 57.538) |
| Display P3 | color(display-p3 0.92592 0.79068 0.67879) |
| Rec. 2020 | color(rec2020 0.87785 0.77263 0.64539) |
| Adobe RGB | color(a98-rgb 0.90632 0.77912 0.66239) |
| ProPhoto RGB | color(prophoto-rgb 0.83372 0.75559 0.62284) |
| 線形sRGB | color(srgb-linear 0.89627 0.57758 0.39676) |
| XYZ D65 | color(xyz-d65 0.64775 0.63229 0.4633) |
| XYZ D50 | color(xyz-d50 0.67006 0.63752 0.35187) |
| SwiftUI | Color(red: 0.953, green: 0.784, blue: 0.663) |
| UIKit | UIColor(red: 0.953, green: 0.784, blue: 0.663, alpha: 1) |
| Flutter / Compose | Color(0xFFF3C8A9) |
| Android XML | #F3C8A9 |

## 基本情報

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

## ティント

#f3c8a9, #f4ceb2, #f6d3ba, #f7d9c3, #f8decb, #fae4d4, #fbe9dd, #fcefe5, #fdf4ee, #fefaf6

## シェード

#f3c8a9, #d3ae92, #b4947c, #977b67, #7a6353, #5e4c3f, #44362c, #2b211b, #140f0a, #030201

## トーン

#f3c8a9, #f0c9ad, #edcab1, #e9cbb6, #e6ccba, #e3cdbe, #dfcec2, #dccfc6, #d9d0ca, #d5d1ce

## カラーハーモニー

- 補色: #f3c8a9, #abd9f7
- 分裂補色: #f3c8a9, #a0dee8, #bfd1fd
- 類似色: #f3c8a9, #f9c2bb, #e4d0a2
- トライアド: #f3c8a9, #a5e0d1, #d6c9f7
- テトラード: #f3c8a9, #ced8a8, #abd9f7, #d6c9f7
- スクエア: #f3c8a9, #b6deba, #abd9f7, #e9c4e8
- モノクロマティック: #f3c8a9, #a57d60, #cba284, #ffeed9, #ffeed9

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

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

#f3c8a9 はパステル調の ごく明るいベージュです。最も近い名前のある色はパステル調の ごく明るいベージュです。RGBでは rgb(243, 200, 169)、HSLでは hsl(25.14, 75.51%, 80.78%)、OKLCHでは oklch(86.24% 0.06422 57.538) です。

### #f3c8a9 に合う色は？

#f3c8a9 の補色は #abd9f7 です。落ち着いた組み合わせにするなら、類似色の #f9c2bb と #e4d0a2 を使いましょう。トライアドの組み合わせは #a5e0d1 と #d6c9f7 です。

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

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

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

#f3c8a9 は暖色系の色です。OKLCHでは色相 58度、明度 86.2%、クロマ 0.064 です。