# カラーコード #fea581：鮮やかな 明るいオレンジ

#fea581 はRGBで rgb(254, 165, 129)、OKLCHで oklch(80.234% 0.11682 42.723) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #fea581 |
| RGB | rgb(254, 165, 129) |
| HSL | hsl(17.28, 98.43%, 75.1%) |
| HSB / HSV | hsv(17.28 49.21% 99.61%) |
| HWB | hwb(17.28 50.59% 0.39%) |
| CMYK | cmyk(0% 35% 49% 0%) |
| Lab | lab(76.29 31.08 32.96) |
| LCH | lch(76.29 45.3 46.68) |
| OKLab | oklab(80.234% 0.08582 0.07925) |
| OKLCH | oklch(80.234% 0.11682 42.723) |
| Display P3 | color(display-p3 0.9462 0.66268 0.53119) |
| Rec. 2020 | color(rec2020 0.86954 0.64229 0.48551) |
| Adobe RGB | color(a98-rgb 0.91166 0.64117 0.5085) |
| ProPhoto RGB | color(prophoto-rgb 0.80691 0.62759 0.46395) |
| 線形sRGB | color(srgb-linear 0.9911 0.37626 0.21953) |
| XYZ D65 | color(xyz-d65 0.58289 0.49569 0.27267) |
| XYZ D50 | color(xyz-d50 0.60851 0.50356 0.20709) |
| SwiftUI | Color(red: 0.996, green: 0.647, blue: 0.506) |
| UIKit | UIColor(red: 0.996, green: 0.647, blue: 0.506, alpha: 1) |
| Flutter / Compose | Color(0xFFFEA581) |
| Android XML | #FEA581 |

## 基本情報

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

## ティント

#fea581, #ffae8e, #ffb89b, #ffc1a7, #ffcab4, #ffd3c0, #ffdccd, #ffe4d9, #ffede6, #fff6f2

## シェード

#fea581, #dd8f6f, #bd795e, #9e654e, #80513e, #633d2e, #472b1f, #2d1a12, #160a06, #030101

## トーン

#fea581, #f8a888, #f2ab8e, #ecae95, #e6b09b, #e0b3a1, #dab5a7, #d3b8ad, #ccbab3, #c5bcb9

## カラーハーモニー

- 補色: #fea581, #5bcff5
- 分裂補色: #fea581, #4dd6d3, #87c3ff
- 類似色: #fea581, #ff9ea9, #ecb265
- トライアド: #fea581, #71d6a8, #b3b5ff
- テトラード: #fea581, #cdc263, #5bcff5, #b3b5ff
- スクエア: #fea581, #a1cf7f, #5bcff5, #d9a8f4
- モノクロマティック: #fea581, #ad5b39, #d5805d, #ffd8c3, #ffede1

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

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

#fea581 は鮮やかな 明るいオレンジです。最も近い名前のある色は鮮やかな 明るいオレンジです。RGBでは rgb(254, 165, 129)、HSLでは hsl(17.28, 98.43%, 75.1%)、OKLCHでは oklch(80.234% 0.11682 42.723) です。

### #fea581 に合う色は？

#fea581 の補色は #5bcff5 です。落ち着いた組み合わせにするなら、類似色の #ff9ea9 と #ecb265 を使いましょう。トライアドの組み合わせは #71d6a8 と #b3b5ff です。

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

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

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

#fea581 は暖色系の色です。OKLCHでは色相 43度、明度 80.2%、クロマ 0.117 です。