# カラーコード #f2c083：パステル調の 明るいアンバー

#f2c083 はRGBで rgb(242, 192, 131)、OKLCHで oklch(83.888% 0.09662 71.434) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f2c083 |
| RGB | rgb(242, 192, 131) |
| HSL | hsl(32.97, 81.02%, 73.14%) |
| HSB / HSV | hsv(32.97 45.87% 94.9%) |
| HWB | hwb(32.97 51.37% 5.1%) |
| CMYK | cmyk(0% 21% 46% 5%) |
| Lab | lab(81.25 13 37.86) |
| LCH | lch(81.25 40.03 71.05) |
| OKLab | oklab(83.888% 0.03076 0.09159) |
| OKLCH | oklch(83.888% 0.09662 71.434) |
| Display P3 | color(display-p3 0.91818 0.76054 0.54684) |
| Rec. 2020 | color(rec2020 0.86098 0.73976 0.50465) |
| Adobe RGB | color(a98-rgb 0.89584 0.74739 0.52194) |
| ProPhoto RGB | color(prophoto-rgb 0.80443 0.7204 0.48657) |
| 線形sRGB | color(srgb-linear 0.88792 0.52712 0.22697) |
| XYZ D65 | color(xyz-d65 0.59562 0.58217 0.29573) |
| XYZ D50 | color(xyz-d50 0.62269 0.5892 0.22561) |
| SwiftUI | Color(red: 0.949, green: 0.753, blue: 0.514) |
| UIKit | UIColor(red: 0.949, green: 0.753, blue: 0.514, alpha: 1) |
| Flutter / Compose | Color(0xFFF2C083) |
| Android XML | #F2C083 |

## 基本情報

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

## ティント

#f2c083, #f4c690, #f5cd9d, #f7d3a9, #f8dab6, #f9e0c2, #fbe6ce, #fcecdb, #fdf3e7, #fef9f3

## シェード

#f2c083, #d2a771, #b48e60, #96764f, #795f3f, #5e492f, #433420, #2b2012, #140e06, #030201

## トーン

#f2c083, #eec18b, #eac293, #e6c49a, #e3c5a1, #dfc6a8, #dbc7af, #d6c8b6, #d2c8bd, #cec9c3

## カラーハーモニー

- 補色: #f2c083, #9bcfff
- 分裂補色: #f2c083, #7ed9f7, #bfc3ff
- 類似色: #f2c083, #ffb599, #d7cd81
- トライアド: #f2c083, #78dfda, #dfb8f9
- テトラード: #f2c083, #b4d895, #9bcfff, #dfb8f9
- スクエア: #f2c083, #8fdeb6, #9bcfff, #f6b1dd
- モノクロマティック: #f2c083, #a47639, #ca9a5e, #ffebc3, #fff0cd

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

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

#f2c083 はパステル調の 明るいアンバーです。最も近い名前のある色はパステル調の 明るいアンバーです。RGBでは rgb(242, 192, 131)、HSLでは hsl(32.97, 81.02%, 73.14%)、OKLCHでは oklch(83.888% 0.09662 71.434) です。

### #f2c083 に合う色は？

#f2c083 の補色は #9bcfff です。落ち着いた組み合わせにするなら、類似色の #ffb599 と #d7cd81 を使いましょう。トライアドの組み合わせは #78dfda と #dfb8f9 です。

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

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

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

#f2c083 は暖色系の色です。OKLCHでは色相 71度、明度 83.9%、クロマ 0.097 です。