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

#eeb264 はRGBで rgb(238, 178, 100)、OKLCHで oklch(80.363% 0.11823 71.985) です。ほかの形式、シェード、コントラストはすべて下にあります。

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

## 形式

| 形式 | 値 |
| --- | --- |
| HEX | #eeb264 |
| RGB | rgb(238, 178, 100) |
| HSL | hsl(33.91, 80.23%, 66.27%) |
| HSB / HSV | hsv(33.91 57.98% 93.33%) |
| HWB | hwb(33.91 39.22% 6.67%) |
| CMYK | cmyk(0% 25% 58% 7%) |
| Lab | lab(77.11 16.46 48.22) |
| LCH | lch(77.11 50.95 71.16) |
| OKLab | oklab(80.363% 0.03657 0.11244) |
| OKLCH | oklch(80.363% 0.11823 71.985) |
| Display P3 | color(display-p3 0.89738 0.70754 0.44028) |
| Rec. 2020 | color(rec2020 0.83006 0.68327 0.39243) |
| Adobe RGB | color(a98-rgb 0.87111 0.69214 0.4097) |
| ProPhoto RGB | color(prophoto-rgb 0.765 0.66249 0.38225) |
| 線形sRGB | color(srgb-linear 0.85499 0.4452 0.12744) |
| XYZ D65 | color(xyz-d65 0.53479 0.5094 0.19073) |
| XYZ D50 | color(xyz-d50 0.56254 0.51711 0.14613) |
| SwiftUI | Color(red: 0.933, green: 0.698, blue: 0.392) |
| UIKit | UIColor(red: 0.933, green: 0.698, blue: 0.392, alpha: 1) |
| Flutter / Compose | Color(0xFFEEB264) |
| Android XML | #EEB264 |

## 基本情報

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

## ティント

#eeb264, #f0ba75, #f2c286, #f4ca96, #f6d1a5, #f8d9b4, #f9e1c3, #fbe8d2, #fcf0e1, #fef7f0

## シェード

#eeb264, #cf9a56, #b18348, #936d3b, #77572e, #5c4322, #422f16, #2a1d0b, #140c03, #030100

## トーン

#eeb264, #eab46f, #e5b579, #e0b783, #dcb88d, #d7b995, #d2bb9e, #cebca7, #c9bdaf, #c4beb7

## カラーハーモニー

- 補色: #eeb264, #85c4ff
- 分裂補色: #eeb264, #58d0f5, #b3b5ff
- 類似色: #eeb264, #ffa581, #cec262
- トライアド: #eeb264, #4bd7d2, #d8a9f6
- テトラード: #eeb264, #a2cf7e, #85c4ff, #d8a9f6
- スクエア: #eeb264, #71d7a7, #85c4ff, #f3a0d4
- モノクロマティック: #eeb264, #a06808, #c68c3d, #ffdca1, #fff0cd

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

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

#eeb264 は鮮やかな 明るいアンバーです。最も近い名前のある色は鮮やかな 明るいアンバーです。RGBでは rgb(238, 178, 100)、HSLでは hsl(33.91, 80.23%, 66.27%)、OKLCHでは oklch(80.363% 0.11823 71.985) です。

### #eeb264 に合う色は？

#eeb264 の補色は #85c4ff です。落ち着いた組み合わせにするなら、類似色の #ffa581 と #cec262 を使いましょう。トライアドの組み合わせは #4bd7d2 と #d8a9f6 です。

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

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

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

#eeb264 は暖色系の色です。OKLCHでは色相 72度、明度 80.4%、クロマ 0.118 です。