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

#ec9f4e はRGBで rgb(236, 159, 78)、OKLCHで oklch(76.37% 0.13289 64.709) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #ec9f4e |
| RGB | rgb(236, 159, 78) |
| HSL | hsl(30.76, 80.61%, 61.57%) |
| HSB / HSV | hsv(30.76 66.95% 92.55%) |
| HWB | hwb(30.76 30.59% 7.45%) |
| CMYK | cmyk(0% 33% 67% 7%) |
| Lab | lab(72.21 24.17 53.2) |
| LCH | lch(72.21 58.44 65.57) |
| OKLab | oklab(76.37% 0.05677 0.12015) |
| OKLCH | oklch(76.37% 0.13289 64.709) |
| Display P3 | color(display-p3 0.88157 0.63667 0.36364) |
| Rec. 2020 | color(rec2020 0.80234 0.60995 0.31197) |
| Adobe RGB | color(a98-rgb 0.84952 0.61775 0.33) |
| ProPhoto RGB | color(prophoto-rgb 0.73115 0.59055 0.30918) |
| 線形sRGB | color(srgb-linear 0.8388 0.3467 0.07619) |
| XYZ D65 | color(xyz-d65 0.48364 0.43181 0.12996) |
| XYZ D50 | color(xyz-d50 0.51021 0.43979 0.09974) |
| SwiftUI | Color(red: 0.925, green: 0.624, blue: 0.306) |
| UIKit | UIColor(red: 0.925, green: 0.624, blue: 0.306, alpha: 1) |
| Flutter / Compose | Color(0xFFEC9F4E) |
| Android XML | #EC9F4E |

## 基本情報

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

## ティント

#ec9f4e, #efa963, #f1b376, #f3bd88, #f6c699, #f8d0ab, #f9d9bc, #fbe3cd, #fdecdd, #fef6ee

## シェード

#ec9f4e, #cd8a43, #af7538, #92612d, #764d23, #5b3b19, #42290f, #291807, #130902, #030100

## トーン

#ec9f4e, #e7a15b, #e1a467, #dca672, #d6a87c, #d0aa86, #cbac8f, #c5ae98, #bfafa1, #b8b1aa

## カラーハーモニー

- 補色: #ec9f4e, #61baff
- 分裂補色: #ec9f4e, #11c7e6, #99abff
- 類似色: #ec9f4e, #fa9178, #cdb140
- トライアド: #ec9f4e, #12cdbd, #c69cf6
- テトラード: #ec9f4e, #9fc15d, #61baff, #c69cf6
- スクエア: #ec9f4e, #64cb8c, #61baff, #e691d4
- モノクロマティック: #ec9f4e, #9d5600, #c47a22, #ffc989, #ffefd3

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

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

#ec9f4e は鮮やかな 明るいアンバーです。最も近い名前のある色は鮮やかな 明るいアンバーです。RGBでは rgb(236, 159, 78)、HSLでは hsl(30.76, 80.61%, 61.57%)、OKLCHでは oklch(76.37% 0.13289 64.709) です。

### #ec9f4e に合う色は？

#ec9f4e の補色は #61baff です。落ち着いた組み合わせにするなら、類似色の #fa9178 と #cdb140 を使いましょう。トライアドの組み合わせは #12cdbd と #c69cf6 です。

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

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

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

#ec9f4e は暖色系の色です。OKLCHでは色相 65度、明度 76.4%、クロマ 0.133 です。