# カラーコード #feaf93：パステル調の 明るいオレンジ

#feaf93 はRGBで rgb(254, 175, 147)、OKLCHで oklch(82.317% 0.10097 40.311) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #feaf93 |
| RGB | rgb(254, 175, 147) |
| HSL | hsl(15.7, 98.17%, 78.63%) |
| HSB / HSV | hsv(15.7 42.13% 99.61%) |
| HWB | hwb(15.7 57.65% 0.39%) |
| CMYK | cmyk(0% 31% 42% 0%) |
| Lab | lab(78.78 27.38 26.67) |
| LCH | lch(78.78 38.22 44.25) |
| OKLab | oklab(82.317% 0.07699 0.06532) |
| OKLCH | oklch(82.317% 0.10097 40.311) |
| Display P3 | color(display-p3 0.95059 0.69956 0.59577) |
| Rec. 2020 | color(rec2020 0.88122 0.68033 0.55463) |
| Adobe RGB | color(a98-rgb 0.91921 0.68035 0.57614) |
| ProPhoto RGB | color(prophoto-rgb 0.82487 0.66526 0.53069) |
| 線形sRGB | color(srgb-linear 0.9911 0.42869 0.29177) |
| XYZ D65 | color(xyz-d65 0.61467 0.5384 0.34759) |
| XYZ D50 | color(xyz-d50 0.63904 0.54552 0.26377) |
| SwiftUI | Color(red: 0.996, green: 0.686, blue: 0.576) |
| UIKit | UIColor(red: 0.996, green: 0.686, blue: 0.576, alpha: 1) |
| Flutter / Compose | Color(0xFFFEAF93) |
| Android XML | #FEAF93 |

## 基本情報

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

## ティント

#feaf93, #ffb79e, #ffbfa9, #ffc7b3, #ffcfbe, #ffd7c9, #ffdfd4, #ffe7de, #ffefe9, #fff7f4

## シェード

#feaf93, #dd987f, #bd816c, #9e6b59, #805647, #634136, #472e25, #2d1c16, #160b08, #030101

## トーン

#feaf93, #f9b298, #f4b49e, #eeb6a3, #e9b9a8, #e3bbad, #ddbdb2, #d7bfb7, #d1c1bb, #cbc3c0

## カラーハーモニー

- 補色: #feaf93, #73d5f3
- 分裂補色: #feaf93, #6ddad4, #93caff
- 類似色: #feaf93, #ffaab6, #efba7b
- トライアド: #feaf93, #88daaf, #b8beff
- テトラード: #feaf93, #d4c778, #73d5f3, #b8beff
- スクエア: #feaf93, #afd38d, #73d5f3, #dab3f6
- モノクロマティック: #feaf93, #ae654c, #d5896f, #ffe1d2, #ffede2

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

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

#feaf93 はパステル調の 明るいオレンジです。最も近い名前のある色はパステル調の 明るいオレンジです。RGBでは rgb(254, 175, 147)、HSLでは hsl(15.7, 98.17%, 78.63%)、OKLCHでは oklch(82.317% 0.10097 40.311) です。

### #feaf93 に合う色は？

#feaf93 の補色は #73d5f3 です。落ち着いた組み合わせにするなら、類似色の #ffaab6 と #efba7b を使いましょう。トライアドの組み合わせは #88daaf と #b8beff です。

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

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

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

#feaf93 は暖色系の色です。OKLCHでは色相 40度、明度 82.3%、クロマ 0.101 です。