# カラーコード #ea9b2b：鮮やかな 明るいアンバー

#ea9b2b はRGBで rgb(234, 155, 43)、OKLCHで oklch(75.13% 0.14999 69.82) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ea9b2b |
| RGB | rgb(234, 155, 43) |
| HSL | hsl(35.18, 81.97%, 54.31%) |
| HSB / HSV | hsv(35.18 81.62% 91.76%) |
| HWB | hwb(35.18 16.86% 8.24%) |
| CMYK | cmyk(0% 34% 82% 8%) |
| Lab | lab(70.84 24.29 66) |
| LCH | lch(70.84 70.32 69.8) |
| OKLab | oklab(75.13% 0.05174 0.14079) |
| OKLCH | oklch(75.13% 0.14999 69.82) |
| Display P3 | color(display-p3 0.87293 0.62149 0.2712) |
| Rec. 2020 | color(rec2020 0.79057 0.59357 0.21972) |
| Adobe RGB | color(a98-rgb 0.84014 0.60219 0.22238) |
| ProPhoto RGB | color(prophoto-rgb 0.71529 0.57379 0.23426) |
| 線形sRGB | color(srgb-linear 0.82279 0.32778 0.02416) |
| XYZ D65 | color(xyz-d65 0.46088 0.41112 0.07794) |
| XYZ D50 | color(xyz-d50 0.48849 0.41951 0.06053) |
| SwiftUI | Color(red: 0.918, green: 0.608, blue: 0.169) |
| UIKit | UIColor(red: 0.918, green: 0.608, blue: 0.169, alpha: 1) |
| Flutter / Compose | Color(0xFFEA9B2B) |
| Android XML | #EA9B2B |

## 基本情報

- 最も近い色名: 鮮やかな 明るいアンバー
- 色相の系統: アンバー, 鮮やかな 明るいアンバー
- 最も近いTailwindクラス: amber-500
- 色域: sRGBの範囲内：どの画面でも同じように表示されます。
- 白とのコントラスト: 2.28:1
- 黒とのコントラスト: 9.22:1

## ティント

#ea9b2b, #eda54b, #f0b063, #f2ba79, #f4c48d, #f7cea1, #f9d8b4, #fbe2c7, #fcecda, #fef5ec

## シェード

#ea9b2b, #cb8624, #ae721d, #915e16, #754b10, #5a390a, #412805, #291802, #130901, #030100

## トーン

#ea9b2b, #e49e42, #dfa053, #d9a261, #d3a46e, #cda67a, #c7a885, #c1aa90, #bbab9a, #b5ada4

## カラーハーモニー

- 補色: #ea9b2b, #5cb4ff
- 分裂補色: #ea9b2b, #00c3ef, #9ca2ff
- 類似色: #ea9b2b, #fd8a62, #c5af1d
- トライアド: #ea9b2b, #00cbc3, #cb92f5
- テトラード: #ea9b2b, #8fc153, #5cb4ff, #cb92f5
- スクエア: #ea9b2b, #3ecb8d, #5cb4ff, #ec86cc
- モノクロマティック: #ea9b2b, #955500, #c27600, #ffc56f, #fff0cf

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

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

#ea9b2b は鮮やかな 明るいアンバーです。最も近い名前のある色は鮮やかな 明るいアンバーです。RGBでは rgb(234, 155, 43)、HSLでは hsl(35.18, 81.97%, 54.31%)、OKLCHでは oklch(75.13% 0.14999 69.82) です。

### #ea9b2b に合う色は？

#ea9b2b の補色は #5cb4ff です。落ち着いた組み合わせにするなら、類似色の #fd8a62 と #c5af1d を使いましょう。トライアドの組み合わせは #00cbc3 と #cb92f5 です。

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

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

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

#ea9b2b は暖色系の色です。OKLCHでは色相 70度、明度 75.1%、クロマ 0.15 です。