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

#feba89 はRGBで rgb(254, 186, 137)、OKLCHで oklch(84.099% 0.10152 56.625) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #feba89 |
| RGB | rgb(254, 186, 137) |
| HSL | hsl(25.13, 98.32%, 76.67%) |
| HSB / HSV | hsv(25.13 46.06% 99.61%) |
| HWB | hwb(25.13 53.73% 0.39%) |
| CMYK | cmyk(0% 27% 46% 0%) |
| Lab | lab(81.16 21.18 34.99) |
| LCH | lch(81.16 40.9 58.81) |
| OKLab | oklab(84.099% 0.05585 0.08478) |
| OKLCH | oklch(84.099% 0.10152 56.625) |
| Display P3 | color(display-p3 0.95577 0.74035 0.56596) |
| Rec. 2020 | color(rec2020 0.8918 0.72177 0.5241) |
| Adobe RGB | color(a98-rgb 0.92809 0.72367 0.54205) |
| ProPhoto RGB | color(prophoto-rgb 0.83437 0.7053 0.50369) |
| 線形sRGB | color(srgb-linear 0.9911 0.49102 0.25016) |
| XYZ D65 | color(xyz-d65 0.62945 0.57997 0.31547) |
| XYZ D50 | color(xyz-d50 0.6571 0.58768 0.24011) |
| SwiftUI | Color(red: 0.996, green: 0.729, blue: 0.537) |
| UIKit | UIColor(red: 0.996, green: 0.729, blue: 0.537, alpha: 1) |
| Flutter / Compose | Color(0xFFFEBA89) |
| Android XML | #FEBA89 |

## 基本情報

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

## ティント

#feba89, #ffc195, #ffc8a1, #ffcfad, #ffd6b9, #ffddc5, #ffe4d0, #ffebdc, #fff1e8, #fff8f3

## シェード

#feba89, #dda176, #bd8964, #9e7253, #805c42, #634631, #473222, #2d1e14, #160d07, #030201

## トーン

#feba89, #f9bc90, #f4be97, #f0c09e, #ebc1a5, #e5c3ab, #e0c5b2, #dbc6b8, #d6c8be, #d0c9c5

## カラーハーモニー

- 補色: #feba89, #88d5ff
- 分裂補色: #feba89, #71deec, #adcaff
- 類似色: #feba89, #ffb1a8, #e8c77b
- トライアド: #feba89, #7ce1c9, #d1bdff
- テトラード: #feba89, #c6d486, #88d5ff, #d1bdff
- スクエア: #feba89, #9fdda4, #88d5ff, #eeb4ee
- モノクロマティック: #feba89, #ae7040, #d59464, #ffebd3, #ffeed9

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

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

#feba89 はパステル調の 明るいオレンジです。最も近い名前のある色はパステル調の 明るいオレンジです。RGBでは rgb(254, 186, 137)、HSLでは hsl(25.13, 98.32%, 76.67%)、OKLCHでは oklch(84.099% 0.10152 56.625) です。

### #feba89 に合う色は？

#feba89 の補色は #88d5ff です。落ち着いた組み合わせにするなら、類似色の #ffb1a8 と #e8c77b を使いましょう。トライアドの組み合わせは #7ce1c9 と #d1bdff です。

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

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

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

#feba89 は暖色系の色です。OKLCHでは色相 57度、明度 84.1%、クロマ 0.102 です。