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

#f8a976 はRGBで rgb(248, 169, 118)、OKLCHで oklch(80.064% 0.11463 53.229) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #f8a976 |
| RGB | rgb(248, 169, 118) |
| HSL | hsl(23.54, 90.28%, 71.76%) |
| HSB / HSV | hsv(23.54 52.42% 97.25%) |
| HWB | hwb(23.54 46.27% 2.75%) |
| CMYK | cmyk(0% 32% 52% 3%) |
| Lab | lab(76.33 26.03 38.58) |
| LCH | lch(76.33 46.54 55.99) |
| OKLab | oklab(80.064% 0.06862 0.09183) |
| OKLCH | oklch(80.064% 0.11463 53.229) |
| Display P3 | color(display-p3 0.92728 0.67613 0.4953) |
| Rec. 2020 | color(rec2020 0.85332 0.65401 0.44832) |
| Adobe RGB | color(a98-rgb 0.89541 0.65682 0.46999) |
| ProPhoto RGB | color(prophoto-rgb 0.78937 0.63694 0.43045) |
| 線形sRGB | color(srgb-linear 0.93869 0.39676 0.18116) |
| XYZ D65 | color(xyz-d65 0.56168 0.49643 0.23764) |
| XYZ D50 | color(xyz-d50 0.58806 0.50426 0.18096) |
| SwiftUI | Color(red: 0.973, green: 0.663, blue: 0.463) |
| UIKit | UIColor(red: 0.973, green: 0.663, blue: 0.463, alpha: 1) |
| Flutter / Compose | Color(0xFFF8A976) |
| Android XML | #F8A976 |

## 基本情報

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

## ティント

#f8a976, #f9b284, #fbbb92, #fcc3a0, #fdccae, #fed5bb, #feddc9, #ffe6d6, #ffeee4, #fff7f1

## シェード

#f8a976, #d89266, #b87c56, #9a6747, #7c5338, #603f29, #452c1c, #2c1b0f, #150a05, #030101

## トーン

#f8a976, #f3ac7e, #edae86, #e8b08e, #e2b295, #dcb59c, #d7b7a3, #d1b8aa, #cabab1, #c4bcb7

## カラーハーモニー

- 補色: #f8a976, #6bcafc
- 分裂補色: #f8a976, #4ed3df, #97bdff
- 類似色: #f8a976, #ffa09b, #e2b762
- トライアド: #f8a976, #63d6b7, #c1b0ff
- テトラード: #f8a976, #bec66c, #6bcafc, #c1b0ff
- スクエア: #f8a976, #91d18d, #6bcafc, #e2a5e9
- モノクロマティック: #f8a976, #a85f2c, #cf8451, #ffd8b8, #ffeedb

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

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

#f8a976 は鮮やかな 明るいオレンジです。最も近い名前のある色は鮮やかな 明るいオレンジです。RGBでは rgb(248, 169, 118)、HSLでは hsl(23.54, 90.28%, 71.76%)、OKLCHでは oklch(80.064% 0.11463 53.229) です。

### #f8a976 に合う色は？

#f8a976 の補色は #6bcafc です。落ち着いた組み合わせにするなら、類似色の #ffa09b と #e2b762 を使いましょう。トライアドの組み合わせは #63d6b7 と #c1b0ff です。

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

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

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

#f8a976 は暖色系の色です。OKLCHでは色相 53度、明度 80.1%、クロマ 0.115 です。